:root{--bg: #08090b;--ink: #f4f5f7;--muted: rgba(244, 245, 247, .52);--faint: rgba(244, 245, 247, .3);--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--panel: rgba(255, 255, 255, .045);--accent: #f4571c;--accent-dim: rgba(244, 87, 28, .16);--ui: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background:var(--bg)}body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.stage.grab{cursor:grab}.stage.grabbing{cursor:grabbing}.loader{font-size:10px;letter-spacing:.35em;color:var(--muted)}.ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.ui button{pointer-events:auto}.bracket{position:absolute;width:26px;height:26px;border:1px solid var(--line);opacity:.65}.bracket.tl{top:18px;left:18px;border-right:0;border-bottom:0}.bracket.tr{top:18px;right:18px;border-left:0;border-bottom:0}.bracket.bl{bottom:18px;left:18px;border-right:0;border-top:0}.bracket.br{bottom:18px;right:18px;border-left:0;border-top:0}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 40px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{height:34px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}.brand-divider{width:1px;height:26px;background:var(--line)}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-name{font-size:13px;font-weight:600;letter-spacing:.42em}.brand-sub{font-size:8.5px;letter-spacing:.3em;color:var(--faint)}.modes{display:flex;gap:4px;padding:4px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mode{padding:8px 20px;border-radius:999px;font-size:10px;letter-spacing:.24em;color:var(--muted);transition:color .25s ease,background .25s ease}.mode.on{color:#0b0b0d;background:var(--ink);font-weight:600}.ghost-btn{padding:9px 18px;font-size:10px;letter-spacing:.24em;color:var(--muted);border:1px solid var(--line-soft);border-radius:999px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .25s ease,border-color .25s ease}.ghost-btn:hover{color:var(--ink);border-color:var(--line)}.hero{position:absolute;left:44px;top:50%;transform:translateY(-50%);transition:opacity .35s ease;max-width:46vw}.eyebrow{margin:0 0 10px;font-size:10px;letter-spacing:.5em;color:var(--accent)}.display{margin:0;font-size:clamp(26px,4.2vw,62px);font-weight:200;letter-spacing:.06em;line-height:1.02;text-transform:uppercase}.display .accent{font-weight:600;color:var(--accent)}.owner{margin:16px 0 0;font-size:9.5px;letter-spacing:.34em;color:var(--faint)}.specs{position:absolute;right:44px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;text-align:right}.spec{display:flex;flex-direction:column;gap:4px;padding-right:14px;border-right:1px solid var(--line-soft)}.spec-k{font-size:8px;letter-spacing:.3em;color:var(--faint)}.spec-v{font-size:14px;font-weight:500;letter-spacing:.1em}.scrub{position:absolute;left:50%;bottom:46px;transform:translate(-50%);width:min(560px,60vw)}.scrub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:9px;letter-spacing:.3em;color:var(--muted)}.shot{display:inline-flex;align-items:center;gap:8px}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.pct{font-variant-numeric:tabular-nums;color:var(--ink)}.track{position:relative;height:2px;background:var(--line-soft);border-radius:2px}.track-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(244,87,28,.35),var(--accent));border-radius:2px}.track-head{position:absolute;top:50%;width:9px;height:9px;margin-left:-4.5px;transform:translateY(-50%);border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #f4571c2e;transition:box-shadow .25s ease}.scrub.live .track-head{box-shadow:0 0 0 7px #f4571c42}.tick{position:absolute;top:-3px;width:1px;height:8px;background:var(--line)}.drag-hint{margin-top:16px;text-align:center;font-size:9px;letter-spacing:.3em;color:var(--faint);transition:opacity .5s ease;animation:breathe 2.6s ease-in-out infinite}.drag-hint.hide{opacity:0}.kbd{padding:3px 7px;margin-right:6px;border:1px solid var(--line);border-radius:4px;color:var(--ink)}@keyframes breathe{0%,to{opacity:.45}50%{opacity:.9}}.actions{position:absolute;right:44px;bottom:46px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.cta{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;font-size:10px;letter-spacing:.26em;font-weight:500;color:#0b0b0d;background:var(--ink);border-radius:999px;transition:transform .2s ease,background .25s ease}.cta:hover{transform:translateY(-2px)}.cta.alt{color:var(--ink);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cta.alt:hover{border-color:var(--accent);color:var(--accent)}.play{width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}.dock{position:absolute;left:50%;bottom:46px;transform:translate(-50%);display:flex;gap:6px;padding:6px;border:1px solid var(--line-soft);border-radius:999px;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pill{padding:11px 20px;border-radius:999px;font-size:9.5px;letter-spacing:.22em;color:var(--muted);transition:color .25s ease,background .25s ease}.pill:hover{color:var(--ink)}.pill.on{color:var(--accent);background:var(--accent-dim)}.orbit-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:8.5px;letter-spacing:.3em;color:var(--faint)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#101114,#08090b 60%);visibility:hidden}.intro .glow{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(70vw,720px);height:min(70vw,720px);border-radius:50%;background:radial-gradient(circle,#f4571c1f,#f4571c0a 38%,#0000 70%);pointer-events:none}.intro-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px}.intro .l1{margin:0;font-size:10px;letter-spacing:.55em;color:var(--muted)}.intro .line{display:block;width:min(320px,60vw);height:1px;margin:26px 0;background:#fff;transform-origin:50% 50%}.intro .l3{margin:0;font-size:clamp(28px,5.5vw,66px);font-weight:200;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.intro .l4{margin:20px 0 0;font-size:9.5px;letter-spacing:.4em;color:var(--accent)}.loadwrap{margin-top:52px;width:min(320px,62vw)}.loadrow{display:flex;justify-content:space-between;margin-bottom:9px;font-size:8.5px;letter-spacing:.32em;color:var(--faint);font-variant-numeric:tabular-nums}.loadbar{height:1.5px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loadbar-fill{height:100%;background:var(--accent);box-shadow:0 0 10px #f4571c99;transition:width .25s ease}@media (max-width: 860px){.topbar{padding:16px 20px}.brand-sub{display:none}.hero{left:22px;max-width:78vw}.specs{display:none}.scrub{width:78vw;bottom:112px}.actions{right:20px;bottom:44px}.dock{flex-wrap:wrap;justify-content:center;width:88vw;bottom:40px}.bracket{display:none}}