:root{--void:#03040a;--night:#050816;--ink:#080b14;--star:#ece6de;--dim:#ece6de6b;--faint:#ece6de38;--rose:#e2a59f;--ember:#c65a5e;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(16px, 3.2vw, 44px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--void);height:100%;color:var(--star);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:var(--sans);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#stage,#stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus{outline:none}button:focus-visible{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}#ui{pointer-events:none;transition:opacity 2.4s;position:fixed;inset:0}#ui.is-hidden{opacity:0}#ui.is-finale .chapter,#ui.is-finale .progress,#ui.is-finale .scale,#ui.is-finale .sound:not(:hover){opacity:.12}#ui button{pointer-events:auto}.chapter,.scale,.sound,.progress,.credit{letter-spacing:.28em;text-transform:lowercase;color:var(--faint);font-size:10px;font-weight:300;transition:opacity 1.6s;position:absolute}.chapter{top:calc(var(--gutter) + env(safe-area-inset-top));left:var(--gutter);gap:1.4em;display:flex}.chapter-idx{color:var(--dim);font-variant-numeric:tabular-nums}.chapter-name{transition:opacity .9s}.sound{top:calc(var(--gutter) + env(safe-area-inset-top) - 10px);right:calc(var(--gutter) - 10px);padding:10px}.sound span,.sound:hover{color:var(--dim)}.scale{bottom:calc(var(--gutter) + env(safe-area-inset-bottom));left:var(--gutter);font-variant-numeric:tabular-nums}.scale-value{color:var(--dim);letter-spacing:.18em}.progress{right:var(--gutter);bottom:calc(var(--gutter) + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:.95em;list-style:none;display:flex}.progress li{padding-right:16px;transition:color 1.2s;position:relative}.progress li:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin-top:-1.5px;transition:transform 1.2s,background 1.2s;position:absolute;top:50%;right:0}.progress li.is-past{color:#ece6de4d}.progress li.is-now{color:var(--star)}.progress li.is-now:after{background:var(--rose);transform:scale(1.7)}.credit{bottom:calc(var(--gutter) + env(safe-area-inset-bottom));letter-spacing:.16em;opacity:0;white-space:nowrap;font-size:8px;left:50%;transform:translate(-50%)}.credit.is-on{opacity:.55}.beats,.arrival,.finale{position:absolute;inset:0}.arrival:before{content:"";opacity:0;background:radial-gradient(70% 55% at 50% 42%,#03040a80,#0000 75%);transition:opacity 3s;position:absolute;inset:0}.arrival.is-on:before{opacity:1}.beat{text-align:center;width:min(90vw,780px);font-family:var(--serif);letter-spacing:.02em;opacity:0;will-change:opacity, transform, filter;text-shadow:0 0 2px #03040af2,0 0 14px #03040ae6,0 0 40px #03040acc;font-size:clamp(28px,3.8vw,48px);font-style:italic;font-weight:400;line-height:1.2;position:absolute;top:64%;left:50%;transform:translate(-50%)}.beat--whisper{color:#ece6def2;font-size:clamp(24px,3vw,36px)}.beat--title{letter-spacing:.06em;font-size:clamp(46px,9vw,128px);font-style:normal;font-weight:300;top:18%}.beat--sub{font-family:var(--sans);letter-spacing:.34em;text-transform:lowercase;color:#ece6ded9;font-size:clamp(13px,1.3vw,16px);font-style:normal;font-weight:400;top:calc(18% + clamp(62px,10.5vw,150px))}.beat--sub:last-child{top:70%}.arrival p,.finale .f{opacity:0;text-align:center;text-shadow:0 0 2px #03040a,0 0 12px #03040af2,0 0 36px #03040ad9;transition:opacity 2.4s,transform 3s cubic-bezier(.2,.7,.2,1);position:absolute;left:50%;transform:translate(-50%,10px)}.arrival p.is-on,.finale .f.is-on{opacity:1;transform:translate(-50%)}.arrival p.is-dim{opacity:.7}.coord{letter-spacing:.26em;color:var(--rose);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(13px,1.3vw,16px);font-weight:400;top:calc(50% + 74px)}.date{letter-spacing:.3em;text-transform:uppercase;color:#ece6dee6;white-space:nowrap;font-size:clamp(13px,1.3vw,16px);font-weight:400;top:calc(50% + 104px)}.line{font-family:var(--serif);font-size:clamp(36px,5vw,66px);font-style:italic;font-weight:400;line-height:1.15;top:22%}.finale .f{font-family:var(--serif);width:min(92vw,900px);font-size:clamp(32px,4.2vw,58px);font-style:italic;font-weight:400;line-height:1.2}.f-a,.f-c{top:20%}.f-b,.f-d{top:calc(20% + 1.5em)}.f-name{letter-spacing:.08em;color:#f4e4dc;top:17%;text-shadow:0 0 60px #e2a59f47,0 0 30px #03040ae6!important;font-size:clamp(64px,13vw,184px)!important;font-style:normal!important}.f-love{letter-spacing:.32em;text-transform:lowercase;color:var(--rose);font-weight:400;top:calc(17% + clamp(84px,16vw,230px));font-family:var(--sans)!important;font-size:clamp(15px,1.6vw,20px)!important;font-style:normal!important}.f-poem{top:5%;font-size:clamp(28px,3.3vw,44px)!important;line-height:1.38!important}.f-poem p{opacity:0;transition:opacity 2.4s}.f-poem.is-on p{opacity:1}.f-poem p:nth-child(2){transition-delay:1.4s}.f-poem p:nth-child(3){transition-delay:2.8s}.f-poem p:nth-child(4){transition-delay:4.6s}.f-poem p:nth-child(5){transition-delay:5.8s}.f-sign{letter-spacing:.12em;color:var(--rose);top:calc(50% + 136px);font-size:clamp(22px,2.6vw,32px)!important;font-style:normal!important}.veil{-webkit-backdrop-filter:blur(6px)saturate(115%);backdrop-filter:blur(6px)saturate(115%);opacity:0;visibility:hidden;background:linear-gradient(160deg,#fff5f00f,#fff5f003 45%,#e2a59f0a),#080a140d;transition:opacity 3.2s,visibility 0s linear 3.2s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14,inset 0 0 120px #fff0eb08}.veil.is-on{opacity:1;visibility:visible;transition:opacity 3.2s}.f-every{letter-spacing:.02em;color:#f6ebe5;margin-top:-.9em;top:50%;text-shadow:0 0 40px #e2a59f40,0 0 2px #03040a99!important;font-size:clamp(40px,6.4vw,92px)!important;font-style:normal!important;line-height:1.12!important}.f-every em{color:var(--rose);letter-spacing:.04em;font-size:.62em;font-style:italic}.again{left:50%;bottom:calc(var(--gutter) + 34px + env(safe-area-inset-bottom));font-family:var(--serif);color:#ece6debf;opacity:0;visibility:hidden;padding:12px 18px;font-size:24px;font-style:italic;transition:opacity 2s,color .6s,visibility 0s linear 2s;position:absolute;transform:translate(-50%)}.again.is-on{opacity:1;visibility:visible;transition:opacity 2s,color .6s}.again:hover{color:var(--star)}.hint{left:50%;bottom:calc(var(--gutter) + 18px + env(safe-area-inset-bottom));opacity:0;flex-direction:column;align-items:center;gap:12px;transition:opacity 1.8s;display:flex;position:absolute;transform:translate(-50%)}.hint.is-on{opacity:1}.hint-line{background:linear-gradient(to bottom, transparent, var(--dim));transform-origin:top;width:1px;height:38px;animation:2.8s cubic-bezier(.6,0,.3,1) infinite drip}.hint-text{letter-spacing:.4em;color:var(--faint);font-size:9px}@keyframes drip{0%{opacity:0;transform:scaleY(0)}40%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(12px)}}.next{left:50%;bottom:calc(var(--gutter) + env(safe-area-inset-bottom) - 8px);opacity:0;width:44px;height:44px;transition:opacity 1.2s;position:absolute;transform:translate(-50%)}.next.is-on{opacity:.8}.next span{border-right:1px solid var(--dim);border-bottom:1px solid var(--dim);width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-75%)rotate(45deg)}#loader{background:var(--void);place-content:center;justify-items:center;gap:22px;transition:opacity 2.6s,visibility 0s linear 2.6s;display:grid;position:fixed;inset:0}#loader.is-gone{opacity:0;visibility:hidden}.loader-line{font-family:var(--serif);color:var(--dim);font-size:clamp(20px,2.4vw,26px);font-style:italic;font-weight:300}.loader-pct{letter-spacing:.4em;color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px;transition:opacity 1s}.loader-begin{font-family:var(--serif);letter-spacing:.08em;color:var(--star);opacity:0;visibility:hidden;padding:10px 26px;font-size:22px;font-style:italic;transition:opacity 1.8s,letter-spacing 1.2s}.loader-begin.is-on{opacity:1;visibility:visible}.loader-begin:hover{letter-spacing:.18em}.loader-note{bottom:calc(var(--gutter) + env(safe-area-inset-bottom));letter-spacing:.36em;color:var(--faint);white-space:nowrap;font-size:9px;position:absolute;left:50%;transform:translate(-50%)}#fallback{padding:var(--gutter);text-align:center;font-family:var(--serif);background:radial-gradient(ellipse at 50% 60%, var(--night), var(--void) 70%);place-content:center;gap:2.4em;font-size:clamp(20px,3vw,30px);font-style:italic;line-height:1.4;display:grid;position:fixed;inset:0}#fallback[hidden]{display:none}@media (width<=720px){.progress{left:50%;right:auto;bottom:calc(var(--gutter) + env(safe-area-inset-bottom) + 48px);flex-direction:row;gap:10px;transform:translate(-50%)}.progress li{width:5px;height:5px;padding:0;font-size:0}.progress li:after{right:1px}.scale{font-size:9px}.credit{bottom:calc(var(--gutter) + env(safe-area-inset-bottom) + 72px);font-size:7px}.beat:not(.beat--title):not(.beat--sub){top:66%}.coord{top:calc(50% + 64px)}.date{top:calc(50% + 90px)}.f-sign{top:calc(50% + 124px)}.hint{bottom:calc(var(--gutter) + env(safe-area-inset-bottom) + 80px)}}@media (prefers-reduced-motion:reduce){.hint-line{animation:none}.arrival p,.finale .f{transform:translate(-50%)}}