*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #0d0d0d;--bg-header: #111;--bg-panel: #0f0f0f;--bg-card: #111;--bg-widget: #1a1a1a;--bg-elev: #1c1c1c;--bg-input: #151515;--bg-input-strong: #0d0d0d;--bg-chip: #252525;--bg-chip-hover: #2a2a2a;--border-faint: #1a1a1a;--border: #1e1e1e;--border-strong: #232323;--border-stronger: #2a2a2a;--border-input: #2a2a2a;--border-divider: #222;--text-primary: #ddd;--text-secondary: #ccc;--text-muted: #aaa;--text-faint: #888;--text-fainter: #666;--text-faintest: #555;--text-disabled: #444;--text-empty: #333;--accent: #4a9fd4;--accent-strong: #3a7abd;--accent-bg: #1a3a5a;--success: #4aaa6a;--success-bg: #1a3d1a;--success-border: #2a5a2a;--success-rgb: 74 170 106;--danger: #c94a4a;--danger-bg: #2a1a1a;--danger-border: #5a2a2a;--danger-rgb: 201 74 74;--warning: #f0c040;--info: #40c0f0;--text-on-accent: #fff;--text-on-cell: rgba(255, 255, 255, .9);--chart-axis: #555;--chart-grid: #3a3a3a;--chart-axis-text: #666;--chart-tooltip-bg: #1a1a1a;--chart-tooltip-border: #2a2a2a;--chart-marker-spot: rgba(255, 255, 255, .85);--badge-fixture-bg: #1a1a2a;--badge-fixture-color: #666;--badge-fixture-border: #2a2a3a;color-scheme:dark}[data-theme=light]{--bg-app: #f5f5f5;--bg-header: #ffffff;--bg-panel: #fafafa;--bg-card: #ffffff;--bg-widget: #ffffff;--bg-elev: #ffffff;--bg-input: #ffffff;--bg-input-strong: #ffffff;--bg-chip: #e8e8e8;--bg-chip-hover: #dcdcdc;--border-faint: #ececec;--border: #e0e0e0;--border-strong: #d0d0d0;--border-stronger: #c0c0c0;--border-input: #c8c8c8;--border-divider: #e4e4e4;--text-primary: #111;--text-secondary: #1f1f1f;--text-muted: #333;--text-faint: #555;--text-fainter: #666;--text-faintest: #777;--text-disabled: #999;--text-empty: #b0b0b0;--accent: #1565a8;--accent-strong: #1976d2;--accent-bg: #d6e8f7;--success: #1f7a3a;--success-bg: #d8efdd;--success-border: #a8d4b3;--success-rgb: 31 122 58;--danger: #b32020;--danger-bg: #f6dcdc;--danger-border: #d8a0a0;--danger-rgb: 179 32 32;--warning: #b87d00;--info: #0277bd;--text-on-accent: #fff;--text-on-cell: rgba(255, 255, 255, .95);--chart-axis: #888;--chart-grid: #c0c0c0;--chart-axis-text: #555;--chart-tooltip-bg: #ffffff;--chart-tooltip-border: #c8c8c8;--chart-marker-spot: rgba(0, 0, 0, .6);--badge-fixture-bg: #e8e8f0;--badge-fixture-color: #555;--badge-fixture-border: #c8c8d4;color-scheme:light}html,body,#root{height:100%;background:var(--bg-app);color:var(--text-secondary);font-family:system-ui,-apple-system,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1440px;margin:0 auto;width:100%;padding:0 24px}.header{background:var(--bg-header);border-bottom:1px solid var(--border);padding:14px 0}.header-title{display:flex;align-items:baseline;gap:10px}.header-ticker{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:1px}.header-name{font-size:14px;color:var(--text-faintest)}.badge-live{font-size:9px;font-weight:700;letter-spacing:1px;background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);border-radius:3px;padding:1px 5px;vertical-align:middle}.badge-fixture{font-size:9px;font-weight:700;letter-spacing:1px;background:var(--badge-fixture-bg);color:var(--badge-fixture-color);border:1px solid var(--badge-fixture-border);border-radius:3px;padding:1px 5px;vertical-align:middle}.main{padding:24px 0;flex:1}.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.widget-tile{aspect-ratio:1 / 1}.banner{font-size:13px;border-radius:5px;padding:8px 12px;border:1px solid transparent}.banner--lg{font-size:14px;border-radius:6px;padding:14px 16px;line-height:1.5}.banner--success{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.banner--danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.text-input{width:100%;background:var(--bg-input);border:1px solid var(--border-input);border-radius:4px;color:var(--text-secondary);padding:5px 8px;font-size:12px;font-family:monospace;box-sizing:border-box}@media(max-width:700px){.widget-grid{grid-template-columns:1fr}.widget-tile{aspect-ratio:auto;height:80vh;min-height:520px;max-height:760px}}