:root{--obsidian: #0A0B0D;--carbon: #111217;--graphite: #1A1C22;--titanium: #7A808B;--porcelain: #F4F2EC;--bone: #E6E2D7;--signal-orange: #FF6A1A;--signal-orange-soft: #FFB58A;--system-blue: #3E8EFF;--system-blue-soft: #9BC1FF;--moss: #6B9B6B;--sand: #D4A574;--wine: #B86060;--surface-0: var(--obsidian);--surface-1: #14161C;--surface-2: #1B1E25;--surface-3: #262A33;--surface-hi: #22262F;--surface-line: rgba(255, 255, 255, .08);--surface-line-strong: rgba(255, 255, 255, .14);--text-hi: #F4F2EC;--text-md: #B5B0A3;--text-lo: #76798A;--accent: var(--signal-orange);--accent-soft: var(--signal-orange-soft);--counter: var(--system-blue);--counter-soft: var(--system-blue-soft);--font-display: "Montserrat", "Inter", system-ui, -apple-system, sans-serif;--font-system: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--pad-1: 6px;--pad-2: 12px;--pad-3: 20px;--pad-4: 28px;--pad-5: 40px;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--radius-xl: 22px;--dur-fast: .16s;--dur-med: .32s;--dur-slow: .64s;--ease-weight: cubic-bezier(.2, .8, .2, 1);--ease-enter: cubic-bezier(.16, 1, .3, 1)}body[data-accent=blue]{--accent: var(--system-blue);--accent-soft: var(--system-blue-soft);--counter: var(--signal-orange);--counter-soft: var(--signal-orange-soft)}body[data-density=compact]{--pad-1: 4px;--pad-2: 8px;--pad-3: 14px;--pad-4: 20px;--pad-5: 28px}body[data-surface=light]{--obsidian: #F4F2EC;--carbon: #ECE8DC;--graphite: #E1DCCB;--surface-0: #F4F2EC;--surface-1: #ECE8DC;--surface-2: #E1DCCB;--surface-3: #D5CFB9;--surface-hi: #DDD7C2;--surface-line: rgba(10, 11, 13, .1);--surface-line-strong: rgba(10, 11, 13, .18);--text-hi: #0A0B0D;--text-md: #3A3A3F;--text-lo: #6B6B6F}body[data-motion=calm]{--dur-fast: .1s;--dur-med: .2s;--dur-slow: .34s}body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-system);background:var(--surface-0);color:var(--text-hi);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--titanium);background-clip:padding-box;border:2px solid transparent}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--text-hi);line-height:1.05}.eyebrow{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-lo);font-weight:500}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.kpi{font-family:var(--font-display);font-weight:600;font-size:44px;letter-spacing:-.03em;line-height:1;color:var(--text-hi)}.kpi-small{font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:-.02em;line-height:1;color:var(--text-hi)}.panel{background:var(--surface-1);border:1px solid var(--surface-line);border-radius:var(--radius-l)}.panel-dark{background:linear-gradient(180deg,var(--surface-1) 0%,var(--carbon) 100%);border:1px solid var(--surface-line);border-radius:var(--radius-l)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--surface-line);border-radius:999px;font-size:10.5px;color:var(--text-md);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface-2);border:1px solid var(--surface-line);border-radius:var(--radius-m);color:var(--text-hi);font-size:12px;font-family:var(--font-system);cursor:pointer;transition:all var(--dur-fast) var(--ease-weight)}.btn:hover{background:var(--surface-3);border-color:var(--surface-line-strong)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 currentColor;animation:pulse 2s var(--ease-weight) infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 60%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,currentColor 0%,transparent)}to{box-shadow:0 0 0 0 transparent}}.reveal{opacity:0;transform:translateY(10px);animation:reveal-in var(--dur-slow) var(--ease-enter) forwards}.reveal-1{animation-delay:80ms}.reveal-2{animation-delay:.2s}.reveal-3{animation-delay:.34s}.reveal-4{animation-delay:.48s}.reveal-5{animation-delay:.62s}.reveal-6{animation-delay:.76s}@keyframes reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main:before{content:attr(data-screen-label);position:absolute;top:96px;right:40px;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--text-lo);opacity:.35;pointer-events:none;z-index:0}main{position:relative}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes halo-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}