:root{--ink: #0b1120;--ink-2: #111827;--surface: #f0f4ff;--surface-2: #e8edf8;--surface-3: #dde4f5;--rule: rgba(15,30,80,.1);--azure: #1a56ff;--azure-dim: rgba(26,86,255,.12);--teal: #00c4a0;--teal-dim: rgba(0,196,160,.12);--coral: #ff3d5a;--coral-dim: rgba(255,61,90,.1);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.12);--text-1: #0b1120;--text-2: #3b4f7a;--text-3: #7a8fb5;--text-4: #aab8d4;--white: #ffffff;--radius: 14px;--shadow-sm: 0 1px 3px rgba(11,17,32,.06), 0 1px 2px rgba(11,17,32,.04);--shadow-md: 0 4px 16px rgba(11,17,32,.08), 0 2px 6px rgba(11,17,32,.06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:DM Sans,sans-serif;background:var(--surface);color:var(--text-1);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px}button{font-family:DM Sans,sans-serif}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-pulse{0%,to{border-color:#ff3d5a33}50%{border-color:#ff3d5a73}}.card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.card-title{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:18px;display:flex;align-items:center;gap:8px}.card-title-dot{width:6px;height:6px;border-radius:50%;background:var(--azure)}