:root{--ink:#EDE7DB;--mist:#8A9BB8;--warm:#FFB86B;--ghost:#A8C4E8}body.light{--ink:#26332B;--mist:#587263;--ghost:#4A6A8A}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden}body{background:#070B18;color:var(--ink);font-family:"Noto Serif SC",Songti SC,STSong,serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color 1s ease}a,button{touch-action:manipulation}canvas{inset:0;width:100%;height:100%;display:block}.hud,canvas{position:fixed}.hud{z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-tl{top:max(24px,env(safe-area-inset-top));left:28px;animation:rise 1.8s ease-out both}.eyebrow{font-size:13px;letter-spacing:.35em;color:var(--mist);margin-bottom:10px}.meters{font-weight:300;font-size:clamp(40px,6vw,64px);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.meters .unit{font-size:.35em;color:var(--mist);margin-left:.35em;letter-spacing:.2em}.sub{margin-top:10px}.session,.sub{font-size:13px;color:var(--mist);letter-spacing:.08em}.session{margin-top:4px;opacity:.85}.session b{color:var(--ink);font-weight:400}.hud-tr{top:max(28px,env(safe-area-inset-top));right:28px;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--mist);letter-spacing:.12em;animation:rise 1.8s ease-out .4s both}.pulse{width:7px;height:7px;border-radius:50%;background:var(--ghost);box-shadow:0 0 10px var(--ghost);animation:pulse 3s ease-in-out infinite}.verse{right:34px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:15px;letter-spacing:.5em;color:var(--mist);opacity:.55;animation:rise 2.4s ease-out .8s both}.quote,.verse{position:fixed;z-index:10;pointer-events:none}.quote{left:50%;top:32%;transform:translateX(-50%);max-width:80vw;text-align:center;font-size:clamp(17px,2.2vw,23px);letter-spacing:.25em;color:var(--ink);opacity:0;transition:opacity 2.5s ease;text-shadow:0 2px 30px rgba(0,0,0,.7)}body.light .quote{text-shadow:0 1px 18px rgba(255,255,255,.75)}.quote.show{opacity:.92}#musicBtn{position:fixed;z-index:12;left:28px;bottom:max(26px,env(safe-area-inset-bottom));width:42px;height:42px;border-radius:50%;font-family:inherit;font-size:16px;line-height:1;color:var(--mist);background:transparent;border:1px solid rgba(138,155,184,.4);cursor:pointer;transition:all .4s ease;animation:rise 1.8s ease-out 1.5s both}#musicBtn:hover{color:var(--ink);border-color:var(--ink)}#musicBtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#musicBtn.on{color:var(--warm);border-color:rgba(255,184,107,.55);box-shadow:0 0 18px rgba(255,184,107,.15)}body.light #musicBtn{color:rgba(233,242,230,.75);border-color:rgba(233,242,230,.4)}body.light #musicBtn:hover{color:#fff;border-color:#fff}body.light #musicBtn.on{color:var(--warm);border-color:rgba(255,184,107,.55)}.toast{position:fixed;z-index:10;left:28px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 70px));max-width:min(420px,70vw);font-size:13.5px;line-height:1.9;color:var(--mist);letter-spacing:.08em;opacity:0;transition:opacity 1.6s ease;pointer-events:none}.toast.show{opacity:.92}.toast:before{content:"— ";color:var(--ghost)}body.light .toast{color:rgba(224,236,222,.88)}body.light .toast:before{color:rgba(180,205,190,.9)}#boost{position:fixed;z-index:10;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);font-family:inherit;font-size:14px;letter-spacing:.4em;text-indent:.4em;color:var(--warm);background:transparent;border:1px solid rgba(255,184,107,.45);border-radius:999px;padding:11px 30px;cursor:pointer;transition:all .5s ease;animation:rise 1.8s ease-out 1.2s both}body.light #boost{color:var(--warm);border-color:rgba(255,184,107,.45)}#boost:hover{background:rgba(255,184,107,.1);box-shadow:0 0 24px rgba(255,184,107,.18)}#boost:focus-visible{outline:2px solid var(--warm);outline-offset:3px}#boost:active{transform:translateX(-50%) scale(.96)}#sceneBtn{position:fixed;z-index:12;right:28px;bottom:max(26px,env(safe-area-inset-bottom));font-family:inherit;font-size:13px;letter-spacing:.3em;text-indent:.3em;color:var(--mist);background:transparent;border:1px solid rgba(138,155,184,.4);border-radius:999px;padding:10px 22px;cursor:pointer;transition:all .4s ease;animation:rise 1.8s ease-out 1.4s both}body.light #sceneBtn{color:rgba(233,242,230,.75);border-color:rgba(233,242,230,.4)}body.light #sceneBtn:hover{color:#fff;border-color:#fff}#sceneBtn:hover{color:var(--ink);border-color:var(--ink)}#sceneBtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}body.light #musicBtn:focus-visible,body.light #sceneBtn:focus-visible{outline-color:#E9F2E6}.panel{position:fixed;z-index:12;right:28px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 62px));width:min(340px,calc(100vw - 40px));max-height:calc(100vh - 130px);overflow-y:auto;scrollbar-width:none;background:rgba(12,17,30,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(138,155,184,.25);border-radius:16px;padding:14px 16px 4px;color:#DCE3EE;transition:opacity .35s ease,transform .35s ease}.panel::-webkit-scrollbar{display:none}.panel[hidden]{display:block;opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden;transition:none}.ptitle{font-size:11.5px;letter-spacing:.35em;color:#8A9BB8;margin:4px 0 6px}.popts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.popts button{font-family:inherit;font-size:12px;letter-spacing:.1em;color:#B9C4D6;background:rgba(138,155,184,.08);border:1px solid rgba(138,155,184,.25);border-radius:999px;padding:5px 11px;cursor:pointer;transition:all .3s ease}.popts button:hover{color:#fff;border-color:rgba(220,230,245,.6)}.popts button:focus-visible{outline:2px solid #DCE3EE;outline-offset:2px}.popts button.on{color:#0C111E;background:#DCE3EE;border-color:#DCE3EE}.popts .sw{width:23px;height:23px;border-radius:50%;padding:0;border-color:rgba(255,255,255,.25)}.popts .sw.on{box-shadow:0 0 0 2px #DCE3EE}.prow{display:flex;gap:8px;margin-bottom:12px}.prow input{flex:1 1;min-width:0;font-family:inherit;font-size:13px;letter-spacing:.1em;color:#EDE7DB;background:rgba(138,155,184,.1);border:1px solid rgba(138,155,184,.3);border-radius:999px;padding:7px 14px;outline:none}.prow input:focus{border-color:rgba(220,230,245,.7)}.prow button{font-family:inherit;font-size:12.5px;letter-spacing:.1em;color:#B9C4D6;background:rgba(138,155,184,.08);border:1px solid rgba(138,155,184,.25);border-radius:999px;padding:6px 14px;cursor:pointer;transition:all .3s ease}.prow button:hover{color:#fff;border-color:rgba(220,230,245,.6)}.namecard{position:fixed;z-index:20;left:50%;top:42%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 48px));background:rgba(12,17,30,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(138,155,184,.3);border-radius:18px;padding:28px 24px 22px;text-align:center;color:#EDE7DB;animation:rise .8s ease-out both}.namecard[hidden]{display:none}.nc-t{font-size:16px;letter-spacing:.18em;line-height:1.9}.nc-s{font-size:13px;color:#8A9BB8;margin:8px 0 18px;letter-spacing:.22em}.namecard input{width:100%;text-align:center;font-family:inherit;font-size:16px;letter-spacing:.3em;color:#EDE7DB;background:rgba(138,155,184,.1);border:1px solid rgba(138,155,184,.35);border-radius:999px;padding:10px 14px;outline:none}.namecard input:focus{border-color:rgba(220,230,245,.7)}.nc-btns{display:flex;gap:10px;margin-top:16px}.nc-btns button{flex:1 1;font-family:inherit;font-size:13px;letter-spacing:.12em;border-radius:999px;padding:9px 0;cursor:pointer;transition:all .3s ease}#ncOk{color:#0C111E;background:#DCE3EE;border:1px solid #dce3ee}#ncOk:hover{background:#fff}#ncSkip{color:#8A9BB8;background:transparent;border:1px solid rgba(138,155,184,.3)}#ncSkip:hover{color:#DCE3EE}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hud-tr,.verse{transform:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:640px){.hud-tl{left:18px;max-width:calc(100vw - 36px)}.eyebrow{font-size:12px;letter-spacing:.28em}.meters{font-size:clamp(34px,10vw,48px)}.session,.sub{font-size:11.5px;letter-spacing:.05em;line-height:1.8}.verse{display:none}.hud-tr{right:18px;font-size:12px;gap:7px}.quote{top:26%;max-width:88vw;letter-spacing:.18em}#boost{font-size:13px;letter-spacing:.25em;text-indent:.25em;padding:9px 20px}#sceneBtn{font-size:12px;letter-spacing:.2em;text-indent:.2em;padding:9px 16px}#sceneBtn,.panel{right:18px}#musicBtn{left:18px;width:40px;height:40px}.toast{left:18px;bottom:max(96px,calc(env(safe-area-inset-bottom) + 80px));max-width:calc(100vw - 120px)}.namecard{top:38%}}@media (max-height:420px){.hud-tr,.session,.sub,.toast{display:none}}@media (prefers-reduced-motion:reduce){#boost,#sceneBtn,.hud-tl,.hud-tr,.verse{animation:none}}.futureLink{display:block;text-align:center;margin:2px 0 12px;font-size:12px;letter-spacing:.18em;color:#8A9BB8;text-decoration:none;transition:color .3s ease}.futureLink:hover{color:#DCE3EE}.fr{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(#060A17,#10182C 55%,#1A2238);color:#EDE7DB;padding:72px 24px 88px;scrollbar-width:none}.fr::-webkit-scrollbar{display:none}.fr-head{max-width:560px;margin:0 auto 60px;text-align:center;animation:rise 1.6s ease-out both}.fr-head h1{font-weight:300;font-size:clamp(28px,5vw,40px);letter-spacing:.45em;text-indent:.45em}.fr-head p{margin-top:20px;font-size:13.5px;line-height:2.2;color:#8A9BB8;letter-spacing:.14em}.fr-road{max-width:520px;margin:0 auto;list-style:none;position:relative;padding-left:36px}.fr-road:before{content:"";position:absolute;left:8px;top:8px;bottom:-40px;width:1px;background:linear-gradient(rgba(150,168,205,.5),rgba(150,168,205,.25) 70%,rgba(150,168,205,0))}.fr-road li{position:relative;margin-bottom:46px;animation:rise 1.2s ease-out both}.fr-road li:nth-child(2){animation-delay:.15s}.fr-road li:nth-child(3){animation-delay:.3s}.fr-road li:nth-child(4){animation-delay:.45s}.fr-road li:nth-child(5){animation-delay:.6s}.fr-road li:nth-child(6){animation-delay:.75s}.fr-road li:nth-child(7){animation-delay:.9s}.fr-lamp{position:absolute;left:-32px;top:5px;width:9px;height:9px;border-radius:50%;background:#FFCE9A;box-shadow:0 0 16px rgba(255,196,130,.8)}.fr-road li.dim .fr-lamp{background:rgba(150,168,205,.45);box-shadow:0 0 8px rgba(150,168,205,.35)}.fr-road em{font-style:normal;font-size:11.5px;letter-spacing:.35em;color:#8A9BB8}.fr-road h2{font-weight:400;font-size:17px;letter-spacing:.22em;margin:7px 0 6px}.fr-road li p{font-size:13px;line-height:2.05;color:#A8B4CB;letter-spacing:.06em}.fr-road li.dim{opacity:.6}.fr-foot{max-width:520px;margin:70px auto 0;text-align:center;animation:rise 1.6s ease-out .9s both}.fr-foot p{font-size:14px;letter-spacing:.3em;color:#8A9BB8;margin-bottom:26px}.fr-foot a{display:inline-block;color:#FFB86B;text-decoration:none;font-size:13.5px;letter-spacing:.22em;text-indent:.22em;border:1px solid rgba(255,184,107,.4);border-radius:999px;padding:10px 28px;transition:all .4s ease}.fr-foot a:hover{background:rgba(255,184,107,.08);box-shadow:0 0 24px rgba(255,184,107,.15)}@media (prefers-reduced-motion:reduce){.fr-foot,.fr-head,.fr-road li{animation:none}}