:root{--c-bg-0: #f5f5f7;--c-bg-1: #ffffff;--c-bg-2: rgba(0, 0, 0, .04);--c-panel: rgba(255, 255, 255, .78);--c-panel-solid: #ffffff;--c-stroke: rgba(0, 0, 0, .08);--c-stroke-strong: rgba(0, 0, 0, .14);--c-text: #1d1d1f;--c-text-dim: #6e6e73;--c-text-mute: #98989d;--c-accent: #34c759;--c-accent-strong: #248a3d;--c-accent-dim: #dff5e5;--c-ok: #34c759;--c-warn: #ff9f0a;--c-bad: #ff3b30;--c-sky: #007aff;--c-violet: #5856d6;--c-amber: #ff9500;--c-emerald: #34c759;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Inter, ui-sans-serif, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--shadow-1: 0 2px 10px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .14);--shadow-2: 0 12px 32px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .16);--blur: 22px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--c-bg-0);color:var(--c-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--c-sky);text-decoration:none}a:hover{text-decoration:underline}.glass{background:var(--c-panel);backdrop-filter:saturate(180%) blur(var(--blur));-webkit-backdrop-filter:saturate(180%) blur(var(--blur));border:1px solid var(--c-stroke);box-shadow:var(--shadow-1)}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:600;letter-spacing:-.1px}.brand-mark{font-size:20px;display:inline-flex;align-items:center}.brand-mark img{width:24px;height:24px;border-radius:6px;object-fit:cover;display:block}.brand-name em{color:var(--c-text-dim);font-style:normal;font-weight:500}.mode-indicator{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 12px;border-radius:999px;border:1px solid var(--c-stroke);background:var(--c-bg-2);font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--c-text-dim)}.mode-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--c-text-mute)}.mode-indicator[data-mode=sim] .dot{background:var(--c-sky)}.mode-indicator[data-mode=live][data-health=ok] .dot{background:var(--c-ok);animation:pulse 2s infinite}.mode-indicator[data-mode=live][data-health=connected] .dot,.mode-indicator[data-mode=live][data-health=connecting] .dot{background:var(--c-warn)}.mode-indicator[data-mode=live][data-health=stale] .dot{background:var(--c-warn);animation:pulse 3s infinite}.mode-indicator[data-mode=live][data-health=down] .dot{background:var(--c-bad)}@keyframes pulse{0%{box-shadow:0 0 #34c75973}70%{box-shadow:0 0 0 6px #34c75900}to{box-shadow:0 0 #34c75900}}.btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:-.1px;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .14s ease,border-color .14s ease,transform .1s ease,box-shadow .14s ease}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--c-sky);outline-offset:2px}.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn-primary{background:var(--c-sky);color:#fff;box-shadow:0 1px 6px #007aff4d}.btn-primary:hover{background:#0a6fe0;box-shadow:0 2px 10px #007aff61}.btn-secondary{background:var(--c-bg-1);border-color:var(--c-stroke-strong);color:var(--c-text)}.btn-secondary:hover{background:var(--c-bg-2)}.btn-icon{width:26px;height:26px;padding:0;justify-content:center;border-radius:8px;background:transparent;color:var(--c-text-mute)}.btn-icon:hover{background:var(--c-bg-2);color:var(--c-text)}.pill{display:inline-block;min-width:18px;padding:1px 8px;border-radius:999px;background:var(--c-bg-2);border:1px solid var(--c-stroke);font-size:11px;color:var(--c-text-dim);text-align:center}