:root{--ink: #03080d;--deep: #07131a;--jade: #5fe3c4;--ice: #bfeaf2;--gold: #d9bf7a;--ivory: #f3efe3;--mist: #93a6ad;--zh: "Cormorant Garamond", "Georgia", serif;--en: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink)}body{background:var(--ink);color:var(--ivory);font-family:var(--en);font-weight:300;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;z-index:0}#stage canvas{width:100%;height:100%;display:block}#scroll-space{height:800vh;height:800svh}button,select,input{font:inherit;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--jade);outline-offset:3px}.bar{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) clamp(16px,3vw,40px) 14px;pointer-events:none}.bar>*{pointer-events:auto}.logo{font-family:var(--zh);font-weight:500;font-size:24px;letter-spacing:.08em;color:var(--ivory);text-decoration:none}.bar nav{display:flex;gap:clamp(14px,2.4vw,34px)}.bar button{background:none;border:0;cursor:pointer;font-size:11px;letter-spacing:.16em;color:var(--mist);padding:8px 2px;transition:color .25s}.bar button:hover{color:var(--ivory)}.ctl{border:1px solid rgba(147,166,173,.35)!important;padding:7px 12px!important}@media (max-width: 720px){.bar nav button:nth-child(2){display:none}.bar nav{gap:12px}}#panel{position:fixed;z-index:20;top:58px;right:clamp(16px,3vw,40px);width:250px;padding:16px;display:grid;gap:14px;background:#07131ad1;border:1px solid rgba(147,166,173,.25);backdrop-filter:blur(10px);font-size:12px;letter-spacing:.06em;color:var(--ice)}#panel[hidden]{display:none}#panel label{display:grid;gap:6px}#panel label.chk{display:flex;gap:8px;align-items:center}#panel select{background:var(--deep);border:1px solid rgba(147,166,173,.35);padding:6px}#panel output{color:var(--gold);float:right}#panel input[type=range]{accent-color:var(--jade);width:100%}#overlay{position:fixed;inset:0;z-index:10;pointer-events:none}.scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,7vw,120px);gap:14px}.scene.center{align-items:center;text-align:center}.scene.left{align-items:flex-start;padding-top:38vh;justify-content:flex-start}.scene.right{align-items:flex-end;text-align:right;padding-top:30vh;justify-content:flex-start}.scene.low{justify-content:flex-end;padding-bottom:14vh}.scene h2{font-weight:300;font-size:clamp(26px,4vw,52px);letter-spacing:.08em}.scene p{max-width:30ch;color:var(--ice);font-size:clamp(14px,1.5vw,18px);line-height:1.6;opacity:.85}.hero{font-family:var(--zh);font-weight:300;font-size:clamp(60px,13vw,180px);letter-spacing:.02em;word-spacing:.12em;line-height:1;color:var(--ivory);text-shadow:0 0 60px rgba(95,227,196,.25)}.hero-char{display:inline-block}.sub{letter-spacing:.32em!important;margin-right:-.32em;font-size:clamp(11px,1.3vw,15px)!important;color:var(--gold)!important;opacity:1!important;max-width:none!important}.line{color:var(--mist)!important;font-style:normal;letter-spacing:.12em}.zh{font-family:var(--zh);font-weight:300;font-size:clamp(44px,9vw,130px)!important;letter-spacing:.03em;max-width:14ch!important;color:var(--ivory)!important;max-width:none!important;line-height:1.1!important;opacity:1!important}.replay{pointer-events:auto;margin-top:28px;background:none;border:1px solid var(--gold);color:var(--gold);letter-spacing:.2em;font-size:12px;padding:14px 26px;cursor:pointer;transition:background .3s,color .3s}.replay:hover{background:var(--gold);color:var(--ink)}.progress{position:fixed;z-index:15;right:clamp(16px,3vw,40px);bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;letter-spacing:.15em;color:var(--mist)}.track{width:1px;height:96px;background:#93a6ad40;position:relative;overflow:hidden}.track i{position:absolute;inset:0;background:var(--jade);transform-origin:top;transform:scaleY(0)}.hint{position:fixed;z-index:15;left:50%;bottom:max(22px,env(safe-area-inset-bottom));translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.3em;color:var(--mist);transition:opacity .5s}.hint i{width:1px;height:38px;background:linear-gradient(var(--jade),transparent);animation:drip 2.2s ease-in-out infinite;transform-origin:top}.hint.gone{opacity:0;pointer-events:none}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}#loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--ink);transition:opacity 1s}#loader span{font-family:var(--zh);font-size:44px;letter-spacing:.08em;color:var(--gold);animation:pulse 1.6s ease-in-out infinite}#loader.done{opacity:0;pointer-events:none}@keyframes pulse{50%{opacity:.35}}dialog{margin:auto;max-width:min(460px,90vw);padding:28px;background:var(--deep);color:var(--ivory);border:1px solid rgba(217,191,122,.4);line-height:1.7;font-size:14px}dialog::backdrop{background:#03080db3}dialog h3{font-weight:400;letter-spacing:.2em;margin-bottom:12px;color:var(--gold)}dialog button{margin-top:18px;background:none;border:1px solid var(--mist);padding:8px 16px;cursor:pointer}#fallback{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:32px;background:var(--ink);text-align:center;line-height:1.7}#fallback[hidden]{display:none}@media (prefers-reduced-motion: reduce){.hint i,#loader span{animation:none}*{transition-duration:.01ms!important}}.logo{display:inline-flex;align-items:center;gap:10px}.logo img{display:block;filter:drop-shadow(0 0 8px rgba(95,227,196,.35))}#loader{flex-direction:column;gap:14px}#loader{display:flex;align-items:center;justify-content:center}#loader img{animation:pulse 1.6s ease-in-out infinite}