@font-face{font-family:Cormorant;src:url(./cormorant-garamond-latin-vTYAbwjx.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--paper:#e9e3d8;--paper-dim:#e9e3d89e;--paper-faint:#e9e3d857;--zh:"Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", "Noto Serif SC", serif;--lat:"Cormorant", "Cormorant Garamond", "Baskerville", "Times New Roman", serif;--print-x:50vw;--print-y:50vh;--print-w:0px;--print-h:0px;--vis-l:30vw;--vis-r:70vw;--vis-t:20vh;--vis-b:80vh;--whisper-y:58vh;--home-rise:3.6s;--home-step:2.6s}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);font-family:var(--zh);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#000;margin:0;font-weight:300;overflow:hidden}body.can-grab{cursor:grab}body.can-grab.dragging{cursor:grabbing}body.idle{cursor:none}canvas#print{width:100vw;height:100vh;display:block;position:fixed;inset:0}canvas#glow{pointer-events:none;opacity:0;will-change:opacity;width:100vw;height:100vh;display:block;position:fixed;inset:0}#point{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;transition:opacity 2.4s,transform 3s;position:fixed;top:40%;left:50%;box-shadow:0 0 6px 1px #ffffff8c,0 0 26px 6px #fff6e61f,0 0 90px 30px #fff0dc09}#point.on{opacity:1}#point.breath{animation:7s ease-in-out infinite breath}@keyframes breath{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.35);transform:scale(1.35)}}#threshold{pointer-events:none;transition:opacity 1.8s;position:fixed;inset:0}#threshold.gone{opacity:0}#threshold .name{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:calc(40% + clamp(80px,11.5vh,124px));left:0;right:0}#threshold .name>*,#enter{opacity:0;filter:blur(5px);transition:opacity var(--home-rise) ease, translate calc(var(--home-rise) + .6s) cubic-bezier(.2, .6, .2, 1), filter var(--home-rise) ease, color .8s ease;translate:0 12px}#threshold.shown .name>*,#threshold.shown #enter{opacity:1;filter:blur();translate:none}#threshold.shown .name>:nth-child(2){transition-delay:var(--home-step), var(--home-step), var(--home-step), 0s}#threshold.shown #enter{transition-delay:calc(var(--home-step) * 3), calc(var(--home-step) * 3), calc(var(--home-step) * 3), 0s}#title{letter-spacing:.54em;color:var(--paper);margin:0;padding-left:.54em;font-size:clamp(34px,3.1vw,52px);font-weight:300;line-height:1.3}#title-en{font-family:var(--lat);letter-spacing:.78em;white-space:nowrap;color:#e9e3d880;margin:clamp(26px,3.8vh,42px) 0 0;padding-left:.78em;font-size:clamp(13px,1vw,16px);font-weight:500;line-height:1}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#enter{letter-spacing:.62em;white-space:nowrap;color:var(--paper-dim);pointer-events:auto;padding:12px 4px 14px .62em;font-size:clamp(15px,1.1vw,18px);position:absolute;top:calc(40% + clamp(270px,44.5vh,470px));left:50%;transform:translate(-50%)}#threshold.gone #enter{pointer-events:none}#enter:hover,#enter:focus-visible{color:var(--paper)}#enter:after{content:"";background:var(--paper-dim);width:18px;height:1px;transition:width .9s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#enter:hover:after,#enter:focus-visible:after{width:72px}button:focus-visible{outline-offset:6px;outline:1px solid #e9e3d866}#whisper{left:0;right:0;top:var(--whisper-y);text-align:center;color:#e9e3d8db;pointer-events:none;--ls:.42em;--ls-far:.66em;--blur:5px;margin:0;font-size:clamp(19px,1.45vw,24px);line-height:2.5;position:fixed}#whisper .ln{white-space:nowrap;letter-spacing:var(--ls-far);padding-left:var(--ls-far);opacity:0;filter:blur(var(--blur));transition-property:opacity,filter,letter-spacing,padding-left;transition-duration:var(--say-out,2s);transition-timing-function:cubic-bezier(.45,0,.55,1);display:block}#whisper .ln.on{letter-spacing:var(--ls);padding-left:var(--ls);opacity:1;filter:blur();transition-duration:var(--say-in,2.4s);transition-timing-function:cubic-bezier(.3,.1,.3,1)}#whisper.at-print{color:var(--paper-dim);--ls:.4em;--ls-far:.4em;--blur:0px;font-size:14px;line-height:1.6}#back{left:50%;top:var(--back-y,70vh);letter-spacing:.5em;color:var(--paper);opacity:0;background:#e9e3d80a;border:1px solid #e9e3d86b;border-radius:999px;padding:15px 2.2em 16px 2.6em;font-size:clamp(18px,1.3vw,22px);transition:opacity 2.4s,color .8s,border-color .8s,background-color .8s,box-shadow .8s;position:fixed;transform:translate(-50%)}#back.on{opacity:1}#back:hover,#back:focus-visible{background:#e9e3d817;border-color:#e9e3d8d9;box-shadow:0 0 28px #ffe2be1f}#back:focus-visible{outline-offset:5px;outline:1px solid #e9e3d899}#stay{left:50%;top:calc(var(--whisper-y) + clamp(84px, 11vh, 110px));letter-spacing:.3em;white-space:nowrap;color:var(--paper-dim);opacity:0;border:1px solid #e9e3d83d;border-radius:999px;padding:10px 1.5em 11px 1.8em;font-size:clamp(14px,1vw,16px);transition:opacity 2s,color .8s,border-color .8s,background-color .8s;position:fixed;transform:translate(-50%)}#stay.on{opacity:1}#stay:hover,#stay:focus-visible{color:var(--paper);background:#e9e3d80d;border-color:#e9e3d899}body.leaving>:not(#finale){opacity:0!important;transition:opacity 2.4s!important}#finale{pointer-events:none;place-items:center;padding:8vh 7vw;display:grid;position:fixed;inset:0}#finale[hidden]{display:none}#finale .letter{text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex}#finale .stanza{--ls:.34em;letter-spacing:var(--ls);color:#e9e3d8d1;margin:0;font-size:clamp(16px,1.22vw,21px);line-height:2.25}#finale .stanza+.stanza{margin-top:clamp(20px,3.4vh,36px)}#finale .ln{padding-left:var(--ls);text-wrap:balance;display:block}#finale .ln,#finale .sign{opacity:0;filter:blur(4px);transition:opacity 3.2s,filter 3.2s}#finale .ln.on,#finale .sign.on{opacity:1;filter:blur()}#finale .sign{flex-direction:column;align-items:center;margin:clamp(48px,8.5vh,96px) 0 0;display:flex}#finale .sign:before{content:"";background:linear-gradient(#e9e3d800,#e9e3d873);width:1px;height:clamp(40px,7vh,72px);margin-bottom:clamp(20px,3vh,30px)}#finale .who{letter-spacing:.72em;color:#e9e3d8e0;padding-left:.72em;font-size:clamp(15px,1.05vw,18px);line-height:1}#finale .date{font-family:var(--lat);font-variant-numeric:lining-nums;letter-spacing:.4em;color:#e9e3d880;margin-top:clamp(14px,2vh,20px);padding-left:.4em;font-size:clamp(14px,1vw,17px);font-weight:500;line-height:1}@media (prefers-reduced-motion:reduce){#finale .ln,#finale .sign{filter:none}}#verse{left:calc(var(--vis-r) + clamp(18px, 2.2vw, 40px));top:var(--vis-t);height:calc(var(--vis-b) - var(--vis-t));writing-mode:vertical-rl;pointer-events:none;display:block;position:fixed}#verse .col{letter-spacing:.36em;color:var(--paper);opacity:0;filter:blur(3px);white-space:nowrap;margin:0;padding:0 .95em;font-size:18px;line-height:1;transition:opacity 3.2s,filter 3.2s}#verse .col.on{opacity:.9;filter:blur()}#verse .col.para{margin-block-start:1.5em}#verse .col.gone{opacity:0;filter:blur(2px);transition:opacity 1.6s,filter 1.6s}#verse.ending .col{letter-spacing:.32em;padding:0;font-size:17px;line-height:44px}#mark{left:calc(var(--vis-l) - clamp(20px, 2.4vw, 44px) - 1em);top:var(--vis-b);writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.42em;color:#e9e3d885;opacity:0;pointer-events:none;font-size:15px;transition:opacity 2.4s;position:fixed;transform:translateY(-100%)}#mark.on{opacity:1}#debug{color:#e9e3d8c7;z-index:10;background:#000000b8;border:1px solid #e9e3d81f;width:300px;padding:10px 10px 6px;font:11px/1.5 ui-monospace,SF Mono,Menlo,monospace;position:fixed;bottom:42px;right:18px}#debug canvas{width:280px;height:60px;display:block}#debug pre{white-space:pre-wrap;margin:6px 0 0}video#cam{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;top:-10px;left:-10px}@media (prefers-reduced-motion:reduce){#point.breath{animation:none}#verse .col{filter:none}#whisper{--ls-far:var(--ls);--blur:0px}#threshold .name>*,#enter{filter:none;translate:none}}#credit{font-family:var(--lat);letter-spacing:.32em;white-space:nowrap;color:#e9e3d875;pointer-events:none;opacity:0;filter:blur(5px);transition:opacity var(--home-rise) ease, translate calc(var(--home-rise) + .6s) cubic-bezier(.2, .6, .2, 1), filter var(--home-rise) ease;justify-content:center;align-items:center;gap:1.3em;margin:0;font-size:clamp(13px,.92vw,15px);font-weight:400;line-height:1;display:flex;position:fixed;top:calc(40% + clamp(205px,33vh,352px));left:0;right:0;translate:0 12px}#credit:before,#credit:after{content:"";background:#e9e3d847;width:30px;height:1px}#credit .who{letter-spacing:.3em;color:#e9e3d8db;margin-left:.3em;margin-right:-.3em;font-size:1.34em;font-weight:500}#threshold.shown~#credit{opacity:1;filter:blur();transition-delay:calc(var(--home-step) * 2), calc(var(--home-step) * 2), calc(var(--home-step) * 2);translate:none}#threshold.gone~#credit{opacity:0;transition:opacity 1.8s}canvas#intro{opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .9s;display:block;position:fixed;inset:0}canvas#intro.on{opacity:1;transition:none}#intro-gate{text-align:center;letter-spacing:.6em;color:var(--paper-faint);opacity:0;pointer-events:none;margin:0;padding-left:.6em;font-size:14px;transition:opacity 1.6s;position:fixed;top:40%;left:0;right:0;transform:translateY(-50%)}#intro-gate.on{opacity:1}#intro-skip{letter-spacing:.4em;color:#e9e3d861;opacity:0;pointer-events:none;padding:8px 0 8px .4em;font-size:12px;transition:opacity .8s,color .6s;position:fixed;bottom:22px;right:26px}#intro-skip.on{opacity:1;pointer-events:auto}#intro-skip:hover,#intro-skip:focus-visible{color:var(--paper-dim)}@media (prefers-reduced-motion:reduce){#credit{filter:none;translate:none}}