:root{--bg: #03040a;--fg: #eaf2ff;--cyan: #7fd9ff;--violet: #b48bff;--gold: #ffd9a8;--muted: rgba(234, 242, 255, .5);--faint: rgba(234, 242, 255, .28);--display: "Fraunces", "Songti SC", "Noto Serif SC", Georgia, serif;--mono: "Space Mono", "SFMono-Regular", ui-monospace, monospace;--cjk: "PingFang SC", "Noto Sans SC", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:var(--cjk);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;cursor:none}#scene{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;z-index:0}.scroll-track{position:relative;width:100%;height:640vh;z-index:1;pointer-events:none}.vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 42%,transparent 40%,rgba(3,4,10,.55) 78%,rgba(2,2,6,.92) 100%)}.grain{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;top:0;left:0;width:460px;height:460px;margin:-230px 0 0 -230px;z-index:2;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(127,217,255,.1) 0%,rgba(180,139,255,.05) 35%,transparent 70%);opacity:0;transition:opacity .6s ease;will-change:transform}body:hover .cursor-glow{opacity:1}.hud{position:fixed;inset:0;z-index:6;pointer-events:none;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--faint);text-transform:uppercase}.hud>div{position:absolute;padding:clamp(1.1rem,3vw,2.2rem)}.hud-tl{top:0;left:0;color:var(--muted)}.hud-tr{top:0;right:0}.hud-bl{bottom:0;left:0}.hud-br{bottom:0;right:0;display:flex;align-items:center;gap:.8rem}.hud-pct{color:var(--cyan)}.hud-bar{display:inline-block;width:90px;height:1px;background:#eaf2ff2e;position:relative;overflow:hidden}.hud-bar i{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 8px var(--cyan)}.beats{position:fixed;inset:0;z-index:5;pointer-events:none}.beat{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vw;opacity:0;transform:translateY(28px) scale(.99);filter:blur(6px);transition:filter .4s ease;will-change:opacity,transform}.eyebrow{font-family:var(--mono);font-size:clamp(.6rem,1.4vw,.78rem);letter-spacing:.46em;color:var(--cyan);text-transform:uppercase;margin-bottom:clamp(1.2rem,3vw,2rem);padding-left:.46em;opacity:.9}.title{font-family:var(--display);font-optical-sizing:auto;font-weight:300;font-size:clamp(3.4rem,14vw,12rem);line-height:.92;letter-spacing:-.025em;font-style:italic;text-shadow:0 0 60px rgba(127,217,255,.28),0 0 120px rgba(180,139,255,.18)}.title .dot{font-style:normal;color:var(--cyan);-webkit-text-fill-color:var(--cyan)}.subtitle{margin-top:clamp(1.4rem,3vw,2.2rem);font-family:var(--cjk);font-weight:300;font-size:clamp(.95rem,2.2vw,1.35rem);letter-spacing:.18em;color:var(--muted)}.line-zh{font-family:var(--display);font-weight:300;font-style:italic;font-size:clamp(2rem,6.5vw,5rem);line-height:1.18;letter-spacing:.02em;text-shadow:0 0 50px rgba(127,217,255,.22)}.line-zh.big{font-size:clamp(2.6rem,9vw,7rem)}.line-en{margin-top:clamp(1.2rem,3vw,2rem);font-family:var(--mono);font-size:clamp(.65rem,1.5vw,.85rem);letter-spacing:.34em;text-transform:uppercase;color:var(--faint)}.line-en.spaced{letter-spacing:.6em;color:var(--cyan);padding-left:.6em}.credit{margin-top:clamp(2.4rem,6vw,4rem);font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase}.scroll-hint{position:absolute;bottom:clamp(2rem,6vh,4rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;font-family:var(--mono);font-size:10px;letter-spacing:.4em;color:var(--faint)}.scroll-hint .arrow{width:1px;height:38px;background:linear-gradient(var(--cyan),transparent);animation:drop 2.2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{transform:scaleY(1);transform-origin:top;opacity:1}60%{transform:scaleY(1);transform-origin:bottom;opacity:1}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.beat-final:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 40% at 50% 50%,rgba(2,3,10,.62) 0%,rgba(2,3,10,.32) 45%,transparent 72%)}.beat-final .line-zh{text-shadow:0 0 40px rgba(2,3,10,.9),0 0 14px rgba(2,3,10,.8)}.beat.is-active{filter:blur(0)}@media(prefers-reduced-motion:reduce){.scroll-hint .arrow{animation:none}.beat{transition:none}body{cursor:auto}.cursor-glow{display:none}}@media(max-width:640px){.hud-tr,.hud-bl{display:none}}