@font-face{font-family:Inter Tight;src:url(../fonts/InterTight-latin.woff2) format("woff2-variations");font-weight:200 900;font-style:normal;font-display:block}:root{--ink: rgba(233, 241, 255, .94);--ink-dim: rgba(198, 214, 238, .62);--ink-faint: rgba(178, 197, 224, .34);--accent: #9fd0ff;--accent-warm: #ffd2a8;--glass: rgba(10, 16, 28, .44);--glass-edge: rgba(168, 202, 246, .16);--shadow: 0 24px 60px -22px rgba(0, 0, 0, .85);--font: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#05070d;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#viewport.locked{cursor:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10;display:grid}#ui-root>*{grid-area:1 / 1}.pane{pointer-events:auto}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;padding:6vh 5vw;background:radial-gradient(120% 90% at 50% 8%,#090e1a26,#04070edb 68%,#03050bf5);backdrop-filter:blur(2px) saturate(1.05);transition:opacity .9s cubic-bezier(.16,1,.3,1),visibility .9s;text-align:center}.title-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.wordmark{font-size:clamp(3.2rem,12vw,8.5rem);font-weight:200;letter-spacing:.42em;margin:0 0 0 .42em;line-height:.95;background:linear-gradient(178deg,#fff,#cfe2ff 38%,#7e9dc8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 42px rgba(150,195,255,.28));animation:driftIn 1.8s cubic-bezier(.16,1,.3,1) both}.tagline{font-size:clamp(.78rem,1.5vw,1rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);margin:-1.4rem 0 0 .3em;animation:driftIn 1.8s .12s cubic-bezier(.16,1,.3,1) both}@keyframes driftIn{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}.dropzone{width:min(660px,92vw);padding:2.1rem 2rem;border:1px dashed rgba(160,196,244,.26);border-radius:18px;background:var(--glass);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--shadow),inset 0 1px #ffffff0d;transition:border-color .26s ease,background .26s ease,transform .26s cubic-bezier(.16,1,.3,1);animation:driftIn 1.8s .26s cubic-bezier(.16,1,.3,1) both}.dropzone.dragover{border-color:var(--accent);background:#182c4a8c;transform:scale(1.015)}.dropzone h2{margin:0 0 .5rem;font-size:.94rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.dropzone p{margin:0 0 1.35rem;font-size:.86rem;line-height:1.65;color:var(--ink-dim);font-weight:300}.dropzone code{font-family:var(--mono);font-size:.8em;padding:.12em .42em;border-radius:5px;background:#8cb4e61a;color:var(--accent)}.filerow{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{pointer-events:auto;font-family:inherit;font-size:.78rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);padding:.78rem 1.5rem;border-radius:10px;border:1px solid rgba(160,196,244,.22);background:#1622378c;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn:hover{background:#263c5fbf;border-color:#b4d6ff70;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(180deg,#7eb0e8eb,#4c7ab6eb);border-color:#bee0ff80;color:#07101d;font-weight:650}.btn.primary:hover{background:linear-gradient(180deg,#9ac8fa,#6092d2)}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}.filestate{margin-top:1.15rem;font-size:.74rem;letter-spacing:.08em;color:var(--ink-faint);font-family:var(--mono);min-height:1.2em}.filestate .ok{color:#8fe3b0}.filestate .err{color:#ff9d9d}.hint{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);animation:pulse 3.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.85}}.hud{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}.hud.visible{opacity:1}.subtitle{position:absolute;left:50%;bottom:11vh;transform:translate(-50%);width:min(1100px,88vw);text-align:center;font-size:clamp(.95rem,1.9vw,1.45rem);font-weight:300;letter-spacing:.03em;line-height:1.75;text-shadow:0 2px 24px rgba(0,0,0,.85),0 0 60px rgba(0,0,0,.6);color:#cedef44d;transition:opacity .4s ease}.subtitle .w{transition:color .22s ease,text-shadow .22s ease}.subtitle .w.past{color:#cedef44d}.subtitle .w.active{color:#fff;text-shadow:0 0 34px rgba(168,214,255,.85),0 2px 20px rgba(0,0,0,.9)}.subtitle .w.future{color:#b4c8e229}.instruments{position:absolute;left:2.4vw;bottom:2.6vh;display:flex;gap:1.9rem;align-items:flex-end;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--ink-dim);text-shadow:0 2px 14px rgba(0,0,0,.9)}.gauge{display:flex;flex-direction:column;gap:.28rem}.gauge .label{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.gauge .value{font-size:1.15rem;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.gauge .unit{font-size:.6rem;color:var(--ink-faint);margin-left:.25em}.gauge.warn .value{color:#ffcf8a}.gauge.alarm .value{color:#ff9a8a}.horizon{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;pointer-events:none;opacity:.34}.horizon svg{width:100%;height:100%;overflow:visible}.horizon line,.horizon path,.horizon circle{stroke:#cee4ffe6;fill:none}.transport{position:absolute;right:2.4vw;bottom:2.6vh;display:flex;align-items:center;gap:.9rem;font-family:var(--mono);font-size:.7rem;color:var(--ink-dim);pointer-events:auto}.scrub{width:min(280px,26vw);height:3px;border-radius:2px;background:#b4d0f029;position:relative;cursor:pointer}.scrub .fill{position:absolute;inset:0 auto 0 0;border-radius:2px;background:linear-gradient(90deg,#9eceffb3,#e2f0fff2);box-shadow:0 0 12px #9eceff99}.iconbtn{pointer-events:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(160,196,244,.18);background:#101a2c80;color:var(--ink);cursor:pointer;transition:all .18s ease}.iconbtn:hover{background:#263c5fb3;border-color:#b4d6ff66}.settings{position:absolute;top:2.4vh;right:2.4vw;width:268px;padding:1.1rem 1.15rem;border-radius:14px;border:1px solid var(--glass-edge);background:var(--glass);backdrop-filter:blur(20px) saturate(1.2);box-shadow:var(--shadow);pointer-events:auto;transform:translate(calc(100% + 3vw));transition:transform .42s cubic-bezier(.16,1,.3,1);max-height:92vh;overflow-y:auto;scrollbar-width:thin}.settings.open{transform:none}.settings h3{margin:0 0 .9rem;font-size:.64rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.field{margin-bottom:.82rem}.field label{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:.32rem}.field label span{font-family:var(--mono);color:var(--ink);font-size:.64rem}.field input[type=range]{width:100%;height:3px;appearance:none;background:#b4d0f02e;border-radius:2px;outline:none}.field input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #9fd0ffb3;cursor:pointer}.field input[type=range]::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.seg{display:flex;gap:4px}.seg button{flex:1;font-family:inherit;font-size:.62rem;letter-spacing:.06em;padding:.42rem .2rem;border-radius:7px;border:1px solid rgba(160,196,244,.16);background:#14203480;color:var(--ink-dim);cursor:pointer;transition:all .16s ease}.seg button.on{background:#669cdc57;border-color:#b4d6ff80;color:var(--ink)}.gear{position:absolute;top:2.4vh;right:2.4vw;z-index:2}.toast{position:absolute;left:50%;top:4vh;transform:translate(-50%) translateY(-14px);padding:.6rem 1.1rem;border-radius:10px;background:#0c1422cc;border:1px solid var(--glass-edge);backdrop-filter:blur(14px);font-size:.72rem;letter-spacing:.1em;color:var(--ink);opacity:0;transition:all .32s cubic-bezier(.16,1,.3,1)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.keys{position:absolute;left:2.4vw;top:2.6vh;font-family:var(--mono);font-size:.63rem;letter-spacing:.08em;color:var(--ink-faint);line-height:1.95;opacity:0;transition:opacity .5s ease}.keys.show{opacity:1}.keys b{color:var(--ink-dim);font-weight:500}@media(max-width:720px){.instruments{gap:1.1rem;font-size:.6rem}.gauge .value{font-size:.92rem}.keys{display:none}.settings{width:min(280px,84vw)}}@media(prefers-reduced-motion:reduce){.wordmark,.tagline,.dropzone{animation:none}.hint{animation:none;opacity:.6}}