@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500&display=swap";:root{color:#f7f8fc;font-synthesis:none;text-rendering:optimizelegibility;background:#02040a;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.experience{isolation:isolate;background:#02040a;width:100%;height:100%;min-height:420px;position:relative;overflow:hidden}.webgl-mount,.webgl-mount canvas,.vignette{width:100%;height:100%;position:absolute;inset:0}.webgl-mount{touch-action:none;cursor:grab}.webgl-mount:active{cursor:grabbing}.webgl-mount canvas{display:block}.vignette{z-index:1;pointer-events:none;background:linear-gradient(#01030947 0%,#0000 24% 72%,#010309a3 100%),radial-gradient(circle,#0000 45%,#00010580 115%)}.topbar,.stage-copy,.stage-rail,.controls{z-index:2;position:absolute}.topbar{justify-content:space-between;align-items:center;width:100%;padding:clamp(22px,4vw,46px) clamp(22px,5vw,70px);display:flex;top:0;left:0}.brand{color:#fff;letter-spacing:.24em;align-items:center;gap:12px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.brand__mark{border:1px solid #ffffffb8;border-radius:50%;width:20px;height:20px;box-shadow:inset -6px 0 #70a8ff5c}.icon-button,.transport__play{color:#fff;cursor:pointer;border:0;place-items:center;display:grid}.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1847;border:1px solid #ffffff2e;border-radius:50%;width:42px;height:42px}.icon-button svg,.transport__play svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px}.stage-copy{text-shadow:0 2px 22px #000c;align-items:flex-start;gap:18px;display:flex;bottom:clamp(130px,18vh,190px);left:clamp(24px,6vw,84px)}.stage-copy--enter{animation:.7s cubic-bezier(.22,1,.36,1) both stage-enter}.stage-copy__index{color:#c8daffa6;letter-spacing:.14em;margin-top:7px;font-size:10px}.stage-copy p,.stage-copy h1{margin:0}.stage-copy p{color:#dde6ff9e;letter-spacing:.23em;margin-bottom:8px;font-size:9px;font-weight:500}.stage-copy h1{letter-spacing:.05em;font-family:Noto Sans SC,sans-serif;font-size:clamp(30px,5vw,56px);font-weight:300;line-height:1}.stage-rail{color:#dee7ff7a;letter-spacing:.12em;flex-direction:column;align-items:center;gap:10px;font-size:8px;display:flex;top:50%;right:clamp(18px,4vw,54px);transform:translateY(-50%)}.stage-rail__track{background:#ffffff29;width:1px;height:min(25vh,210px);position:relative;overflow:hidden}.stage-rail__track i{transform:scaleY(var(--progress));transform-origin:top;background:#fff;position:absolute;inset:0}.controls{justify-content:space-between;align-items:center;gap:28px;display:flex;bottom:clamp(24px,5vh,50px);left:clamp(22px,5vw,70px);right:clamp(22px,5vw,70px)}.controls__hint,.transport{align-items:center;display:flex}.controls__hint{color:#e2eaff80;letter-spacing:.08em;gap:10px;font-size:10px}.mouse{border:1px solid #ffffff73;border-radius:8px;width:15px;height:22px;position:relative}.mouse i{background:#fff;width:1px;height:4px;animation:1.8s ease-in-out infinite wheel;position:absolute;top:4px;left:6px}.transport{gap:15px;width:min(48vw,500px)}.transport__play{color:#050812;background:#fffffff5;border-radius:50%;flex:none;width:38px;height:38px}.scrubber{flex:1;align-items:center;height:28px;display:flex}.scrubber input{appearance:none;background:linear-gradient(to right, #fff calc(var(--progress) * 100%), #fff3 0);cursor:pointer;border:0;outline:0;width:100%;height:1px}.scrubber input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffffff1a}.scrubber input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:7px;height:7px}.restart{color:#ffffffbd;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff52;flex:none;padding:8px 0;font-size:10px}.loader{z-index:5;color:#e1e9ff94;letter-spacing:.16em;background:#02040a;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:10px;transition:opacity .9s,visibility .9s;display:flex;position:absolute;inset:0}.loader--hidden{opacity:0;visibility:hidden}.loader__orb{border:1px solid #ffffff38;border-top-color:#aecaff;border-radius:50%;width:34px;height:34px;animation:1.1s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stage-enter{0%{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes wheel{0%,to{opacity:.2;transform:translateY(0)}45%{opacity:1}70%{opacity:.2;transform:translateY(7px)}}@media (width<=720px){.topbar{padding:22px 20px}.stage-copy{bottom:142px;left:22px}.stage-copy h1{font-size:34px}.stage-rail{right:18px}.controls{bottom:24px;left:20px;right:20px}.controls__hint{display:none}.transport{width:100%}}@media (prefers-reduced-motion:reduce){.mouse i,.loader__orb,.stage-copy--enter{animation:none}}