:root{--ink: #0A0B0E;--paper: #EFEAE0;--muted: rgba(239, 234, 224, .72);--faint: rgba(239, 234, 224, .46);--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .18);--blue: #38bdf8;--gold: #D4A24A;--green: #7FE0A6;--hot: #ff6a3d;--pred: #b794f6;--panel: linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, 0));--mono: "IBM Plex Mono", ui-monospace, monospace;--display: "Inter Tight", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.pv{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pv .d{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.unit{text-transform:none}.pv.meas .d{background:var(--green)}.pv.mod .d{background:var(--blue)}.pv.est .d{background:var(--gold)}.pv.pred .d{background:var(--pred)}.pred-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pred);border:1px solid rgba(183,148,246,.45);background:#b794f61a;border-radius:4px;padding:2px 6px;line-height:1;white-space:nowrap}.pred-badge .d{width:6px;height:6px;border-radius:50%;background:var(--pred);flex:0 0 auto;animation:predBreathe 2.4s ease-in-out infinite}@keyframes predBreathe{0%,to{opacity:.65}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.pred-badge .d{animation:none;opacity:1}}.shead{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px}.shead:before{content:"";width:30px;height:1px;background:var(--gold)}.instrument-layout{display:grid;grid-template-columns:344px 1fr;align-items:start}.instrument-controls{position:sticky;top:90px;max-height:calc(100vh - 90px);overflow-y:auto;padding:18px 16px;border-right:1px solid var(--line)}.instrument-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 24px}.instrument-panels>.panel:nth-child(1),.instrument-panels>.panel:nth-child(2){min-height:320px}@media (min-width: 1800px){.instrument-panels{max-width:1320px;margin:0 auto}}@media (max-width: 1440px) and (min-width: 961px){.instrument-layout{grid-template-columns:304px 1fr}}@media (max-width: 960px){.instrument-layout{display:flex;flex-direction:column}.instrument-panels{order:1;grid-template-columns:1fr;padding:16px}.instrument-controls{order:2;position:static;max-height:none;overflow:visible;border-right:none;border-top:1px solid var(--line)}.instrument-panels>.panel{grid-column:auto!important}.instrument-panels>.panel:nth-child(1),.instrument-panels>.panel:nth-child(2){min-height:0}}@media (max-width: 768px){.instrument-panels{padding:12px;gap:12px}.panel{padding:14px 14px 12px}}@media print{header,.instrument-controls{display:none!important}.instrument-layout,.instrument-panels{grid-template-columns:1fr;display:block}}.panel{border:1px solid var(--line);border-radius:8px;background:#0c0f15;padding:16px 18px 14px;transition:border-color .12s cubic-bezier(.22,1,.36,1)}.panel:hover{border-color:var(--line2)}:focus-visible{outline:1px solid var(--blue);outline-offset:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--line2);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid var(--ink);cursor:pointer;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 0 0 6px #38bdf82e}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s}input[type=range]:active::-moz-range-thumb{transform:scale(1.25);box-shadow:0 0 0 6px #38bdf82e}@media (prefers-reduced-motion: reduce){.panel,input[type=range]::-webkit-slider-thumb{transition:none}}