:root{--ink:#2b2724;--halo:#d9e3ea;--sky:#f3ede2;--sky-top:#a4c8e6;--accent:#f28c38;--teal:#4fbfa7;--serif:"Fraunces", "Instrument Serif", Georgia, serif;--kai:"LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{height:100%}body.home{color:var(--ink);font:400 16px/1.7 var(--kai);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#e9e3d8;overflow:hidden}::selection{background:var(--accent);color:#fff}.skip{background:var(--ink);color:var(--sky);border-radius:999px;padding:8px 14px;text-decoration:none}:focus-visible{outline:1.5px solid var(--accent);outline-offset:4px;border-radius:4px}.stage{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.stage canvas{width:100%;height:100%}.top,.poem,.story,.dock,.ctrl{text-shadow:0 0 1px var(--halo), 0 0 10px color-mix(in srgb, var(--halo) 85%, transparent), 0 0 26px color-mix(in srgb, var(--halo) 55%, transparent)}.mark__body{text-shadow:0 0 1px var(--halo), 0 0 4px var(--halo), 0 0 12px var(--halo), 0 0 24px color-mix(in srgb, var(--halo) 80%, transparent), 0 0 44px color-mix(in srgb, var(--halo) 50%, transparent)}.top{z-index:6;pointer-events:none;padding:clamp(22px,3.2vh,38px) clamp(28px,3.4vw,60px) 0;position:fixed;inset:0 0 auto}.site-nav{justify-content:space-between;align-items:baseline;display:flex}.site-nav a{pointer-events:auto;color:var(--ink);text-decoration:none}.site-nav__brand{font:italic 340 25px/1 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 48;letter-spacing:-.01em;align-items:baseline;gap:10px;display:inline-flex}.site-nav__mark{background:var(--accent);border-radius:1.5px;align-self:center;width:9px;height:9px;transform:rotate(45deg)translateY(-1px)}.site-nav__list{gap:clamp(22px,2.6vw,44px);display:flex}.site-nav__list a{align-items:baseline;gap:8px;padding:4px 0;display:inline-flex;position:relative}.site-nav__no{font:500 10.5px/1 var(--mono);letter-spacing:.08em;opacity:.55}.site-nav__label{font:400 16.5px/1 var(--kai);letter-spacing:.06em}.site-nav__hint{font:italic 300 13.5px/1 var(--serif);opacity:.6;white-space:nowrap;max-width:0;transition:max-width .6s var(--ease), opacity .4s;overflow:hidden}.site-nav__list a:after{content:"";transform-origin:100%;height:1px;transition:transform .6s var(--ease);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.site-nav__list a:hover:after,.site-nav__list a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.site-nav__list a:hover .site-nav__hint,.site-nav__list a:focus-visible .site-nav__hint{opacity:.75;max-width:7em}.poem{z-index:3;writing-mode:vertical-rl;font:400 clamp(15px, 1.12vw, 18.5px) / 2.1 var(--kai);letter-spacing:.34em;pointer-events:none;position:fixed;top:50%;left:clamp(30px,4.4vw,84px);transform:translateY(-50%)}.poem span{white-space:nowrap;opacity:0;transition:opacity 1.4s var(--ease), transform 1.6s var(--ease);display:block;transform:translateY(-14px)}.poem span:nth-child(2){padding-inline-start:2.6em;transition-delay:.22s}.poem span:nth-child(3){opacity:0;padding-inline-start:5.2em;transition-delay:.44s}html.is-live .poem span{opacity:.86;transform:none}html.is-live .poem span:nth-child(3){opacity:.6}html.is-focus .poem span{transition-delay:0s;opacity:0!important}.marks{z-index:4;pointer-events:none;position:fixed;inset:0}.marks__list{display:contents}.mark{--stem:54px;color:var(--ink);opacity:0;transition:opacity .9s var(--ease);will-change:transform;text-decoration:none;position:absolute;top:0;left:0;transform:translate(-9999px)}html.is-live .mark{opacity:1;pointer-events:auto}.mark:before{content:"";background:var(--ink);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--halo) 70%, transparent);transition:transform .5s var(--ease);border-radius:50%;position:absolute;top:-3.5px;left:-3.5px}.mark__stem{width:1px;height:var(--stem);opacity:.6;transform-origin:bottom;transition:height .6s var(--ease), transform 1s var(--ease);background:currentColor;position:absolute;bottom:0;left:-.5px;transform:scaleY(0)}html.is-live .mark__stem{transform:scaleY(1)}.mark--planned .mark__stem{background:repeating-linear-gradient(0deg,currentColor 0 4px,#0000 4px 8px)}.mark__body{left:12px;bottom:calc(var(--stem) - 4px);white-space:nowrap;transition:bottom .6s var(--ease);justify-items:start;display:grid;position:absolute}.mark[data-side=left] .mark__body{text-align:right;justify-items:end;left:auto;right:12px}.mark[data-side=left] .mark__hover:after{content:""}.mark[data-side=left] .mark__hover:before{content:"←  ";font-family:var(--serif)}.mark__no{font:500 10.5px/1 var(--mono);letter-spacing:.14em;opacity:.6;margin-bottom:7px}.mark__name{font:500 22px/1.05 var(--kai);letter-spacing:.06em}.mark__latin{font:italic 320 15px/1.1 var(--serif);font-variation-settings:"SOFT" 100, "opsz" 24;opacity:.72;margin-top:4px}.mark__hover{opacity:0;max-height:0;font:400 14px/1.6 var(--kai);letter-spacing:.04em;transition:max-height .6s var(--ease), opacity .45s, margin-top .6s var(--ease);margin-top:0;display:block;overflow:hidden}.mark__hover:after{content:"  →";font-family:var(--serif)}.mark.is-hot,.mark:focus-visible{--stem:82px}.mark.is-hot:before,.mark:focus-visible:before{background:var(--accent);transform:scale(1.5)}.mark.is-hot .mark__hover,.mark:focus-visible .mark__hover{opacity:.85;max-height:2em;margin-top:8px}.mark.is-away{opacity:0!important;pointer-events:none!important}.veil{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg, color-mix(in srgb, var(--sky) 94%, transparent) 0%, color-mix(in srgb, var(--sky) 78%, transparent) 26%, color-mix(in srgb, var(--sky) 30%, transparent) 46%, transparent 62%);transition:opacity 1s var(--ease);position:fixed;inset:0}html.is-focus .veil{opacity:1}.story{z-index:6;width:min(31rem,38vw);color:var(--ink);position:fixed;top:50%;left:clamp(32px,7.2vw,132px);transform:translateY(-50%)}.story>*{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);transform:translateY(18px)}.story.is-open>*{opacity:1;transform:none}.story.is-open>:nth-child(2){transition-delay:60ms}.story.is-open>:nth-child(3){transition-delay:.12s}.story.is-open>:nth-child(4){transition-delay:.2s}.story.is-open>:nth-child(5){transition-delay:.28s}.story.is-open>:nth-child(6){transition-delay:.34s}.story.is-open>:nth-child(7){transition-delay:.4s}.story__no{font:500 11.5px/1 var(--mono);letter-spacing:.22em;opacity:.6}.story.is-open .story__no{opacity:.6}.story__name{font:500 clamp(52px, 5.6vw, 96px) / 1 var(--kai);letter-spacing:.05em;margin-top:22px}.story__latin{font:italic 300 clamp(22px, 2.1vw, 34px) / 1.1 var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;margin-top:10px}.story.is-open .story__latin{opacity:.72}.story__text{max-width:23em;font:400 clamp(16.5px, 1.2vw, 19.5px) / 2.05 var(--kai);letter-spacing:.04em;text-wrap:pretty;margin-top:30px}.story__aside{max-width:24em;font:400 14.5px/1.85 var(--kai);letter-spacing:.03em;background:linear-gradient(currentColor,currentColor) 0 .45em/1px calc(100% - .9em) no-repeat;margin-top:18px;padding-left:14px}.story.is-open .story__aside{opacity:.66}.story__actions{flex-wrap:wrap;align-items:baseline;gap:14px 30px;margin-top:36px;display:flex}.story__go,.story__ext{color:var(--ink);padding-bottom:5px;text-decoration:none;position:relative}.story__go{font:500 19px/1 var(--kai);letter-spacing:.08em}.story__ext{font:italic 340 16px/1 var(--serif);opacity:.8}.story__go:after,.story__ext:after{content:"";transform-origin:0;height:1px;transition:transform .6s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0}.story__go:hover:after,.story__ext:hover:after{transform:scaleX(.35)}.story__arrow{font-family:var(--serif);transition:transform .6s var(--ease);margin-left:10px;display:inline-block}.story__go:hover .story__arrow{transform:translate(8px)}.story__close{color:var(--ink);font:400 14px/1 var(--kai);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:46px;padding:0;display:inline-flex}.story.is-open .story__close{opacity:.6}.story__close:hover{opacity:1!important}.story__close kbd{font:500 10.5px/1 var(--mono);letter-spacing:.06em;border:1px solid color-mix(in srgb, currentColor 40%, transparent);text-shadow:none;border-radius:5px;padding:4px 6px}.dock{z-index:5;color:var(--ink);position:fixed;bottom:clamp(24px,4vh,44px);left:clamp(30px,4.4vw,84px)}.dock__time{align-items:center;gap:22px;display:flex}.dock__clock{min-width:3.1em;font:300 46px/1 var(--serif);font-variation-settings:"SOFT" 50, "opsz" 96;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;display:block}.dock__dial{width:190px;height:22px;display:block;position:relative}.dock__ticks{pointer-events:none;opacity:.32;background:linear-gradient(currentColor,currentColor) 0/100% 1px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 4.16667%);position:absolute;inset:6px 0;-webkit-mask:linear-gradient(#0000 30%,#000 30% 70%,#0000 70%);mask:linear-gradient(#0000 30%,#000 30% 70%,#0000 70%)}.dock__dial input{z-index:1;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:22px;margin:0;position:relative}.dock__dial input::-webkit-slider-runnable-track{background:0 0;height:22px}.dock__dial input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform .3s var(--ease);border-radius:50%;margin-top:5px}.dock__dial input:hover::-webkit-slider-thumb{transform:scale(1.3)}.dock__dial input::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:12px;height:12px}html.is-night .dock__dial input::-webkit-slider-thumb{background:#f4f1e6;box-shadow:0 0 0 4px #f4f1e629,0 0 20px #c8d7ffcc}.dock__status{font:400 14.5px/1.4 var(--kai);letter-spacing:.05em;opacity:.82;align-items:center;gap:.6em;margin-top:12px;display:flex}.dock__sep{opacity:.4}.dock__dot{background:color-mix(in srgb, var(--ink) 40%, transparent);border-radius:50%;width:7px;height:7px}html.compute-online .dock__dot{background:var(--teal);animation:pulse 2.4s var(--ease) infinite;box-shadow:0 0 #4fbfa799}@keyframes pulse{0%{box-shadow:0 0 #4fbfa78c}70%{box-shadow:0 0 0 9px #4fbfa700}to{box-shadow:0 0 #4fbfa700}}.ctrl{z-index:5;color:var(--ink);align-items:center;gap:16px;display:flex;position:fixed;bottom:clamp(24px,4vh,44px);right:clamp(28px,3.4vw,60px)}.ctrl button{border:1px solid color-mix(in srgb, currentColor 34%, transparent);background:color-mix(in srgb, var(--halo) 20%, transparent);width:40px;height:40px;color:var(--ink);font:300 19px/1 var(--serif);cursor:pointer;transition:background-color .4s, border-color .4s, transform .5s var(--ease);border-radius:50%;place-items:center;display:grid}.ctrl button:hover{background:var(--ink);color:var(--sky);border-color:var(--ink);text-shadow:none}.ctrl button:active{transform:scale(.92)rotate(-12deg)}.ctrl__hint{font:400 13px/1 var(--kai);letter-spacing:.12em;opacity:.58;transition:opacity 1s}html.has-dragged .ctrl__hint{opacity:0}.top,.dock,.ctrl{opacity:0;transition:opacity 1.2s var(--ease), transform 1.4s var(--ease);transform:translateY(10px)}.dock{transition-delay:.25s}.ctrl{transition-delay:.4s}html.is-live .top,html.is-live .dock,html.is-live .ctrl{opacity:1;transform:none}html.is-focus .dock,html.is-focus .ctrl{opacity:0;pointer-events:none;transition-delay:0s}.bubbles{z-index:7;pointer-events:none;position:fixed;inset:0}.bubble{background:color-mix(in srgb, var(--ink) 90%, transparent);color:var(--sky);font:400 13.5px/1 var(--kai);letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:6px 13px 7px;position:absolute;top:0;left:0;translate:-50% -100%}.bubble:after{content:"";background:inherit;border-radius:1px;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-4px;left:50%;transform:rotate(45deg)}.scene-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scene-text:focus,.scene-text:focus-within{z-index:20;clip-path:none;white-space:normal;background:color-mix(in srgb, var(--sky) 96%, transparent);width:min(560px,100vw - 64px);height:auto;max-height:calc(100vh - 64px);color:var(--ink);border-radius:18px;padding:24px 26px;font-size:15px;position:fixed;bottom:32px;right:32px;overflow:auto}.scene-text h2{margin-bottom:8px;font-size:18px}.scene-text p,.scene-text ul{margin-top:8px}.scene-text li{margin-top:6px}.scene-text a{color:inherit}.noscript{position:fixed;bottom:16px;left:16px;right:16px}html.no-webgl body.home,html:not(.has-scene) body.home{overflow:auto}html.no-webgl .marks,html:not(.has-scene) .marks{pointer-events:auto;padding:120px 40px 40px;position:static}html.no-webgl .marks__list,html:not(.has-scene) .marks__list{gap:28px;display:grid}html.no-webgl .mark,html:not(.has-scene) .mark{opacity:1;position:static;transform:none!important}html.no-webgl .mark__body,html:not(.has-scene) .mark__body{position:static}html.no-webgl .mark__stem,html.no-webgl .mark:before,html:not(.has-scene) .mark__stem,html:not(.has-scene) .mark:before{display:none}html.no-webgl .top,html:not(.has-scene) .top{opacity:1;transform:none}@media (max-width:899px){.poem{display:none}.site-nav__brand{font-size:21px}.site-nav__list{gap:16px}.site-nav__no{display:none}.site-nav__label{font-size:15px}.mark{--stem:34px}.mark__name{font-size:17px}.mark__latin,.mark__no{display:none}.story{width:auto;inset:auto 22px 28px;transform:none}.story__name{font-size:42px}.story__text{margin-top:16px;font-size:15.5px;line-height:1.85}.story__aside{display:none}.story__actions,.story__close{margin-top:18px}.veil{background:linear-gradient(0deg, color-mix(in srgb, var(--sky) 95%, transparent) 0%, color-mix(in srgb, var(--sky) 80%, transparent) 40%, transparent 70%)}.dock__clock{font-size:34px}.dock__dial{width:120px}.dock__status{flex-wrap:wrap;max-width:70vw;font-size:12.5px}.ctrl__hint{display:none}}