:root{--bg-deep: #111111;--bg-surface: #1a1a1a;--bg-elevated: #202020;--bg-hover: #262626;--text-primary: #f1f1f1;--text-secondary: #b5b5b5;--text-muted: #828282;--color-ok: #10b981;--color-warn: #f59e0b;--color-crit: #ef4444;--color-info: #22d3ee;--color-label: #c084fc;--color-dim: #7b7b7b;--accent-cyan: #22d3ee;--accent-blue: #60a5fa;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-violet: #8b5cf6;--accent-rose: #f43f5e;--severity-critical: #ef4444;--severity-severe: #f97316;--severity-high: #f59e0b;--severity-elevated: #eab308;--severity-moderate: #3b82f6;--severity-low: #64748b;--border-subtle: #2e2e2e;--border-active: #4a4a4a;--border-glow: rgba(34, 211, 238, .2);--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-sans: "Inter", system-ui, sans-serif;--space-1: .125rem;--space-2: .25rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--radius-sm: 2px;--radius-md: 2px}[data-theme=light]{--bg-deep: #efefef;--bg-surface: #f6f6f6;--bg-elevated: #ffffff;--bg-hover: #ececec;--text-primary: #111111;--text-secondary: #303030;--text-muted: #555555;--border-subtle: #d0d0d0;--border-active: #a6a6a6;--border-glow: rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-deep)}body{font-family:var(--font-mono);color:var(--text-primary);line-height:1.3;letter-spacing:0}.app-shell{height:100vh;overflow:hidden;display:grid;grid-template-columns:200px 1fr;background:var(--bg-deep)}.sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-4);display:grid;grid-template-rows:auto auto 1fr;gap:var(--space-4);overflow-y:auto}.brand-block{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3)}.brand-block h1{margin:0;font-size:1.5rem;font-weight:700}.brand-block p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:.76rem}.sidebar-nav{display:grid;gap:0;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3)}.nav-link{text-decoration:none;color:var(--text-secondary);padding:.35rem .25rem;border-bottom:1px dotted transparent;font-size:.82rem}.nav-link:hover{color:var(--text-primary);border-bottom-color:var(--border-active)}.nav-link.active{color:var(--color-info)}.main{display:grid;grid-template-rows:auto 1fr auto auto;height:100%;overflow:hidden;padding:0;gap:0}.command-bar,.status-strip,.terminal-section,.panel,.panel-frame{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.command-bar,.status-strip,.panel,.panel-frame{padding:var(--space-3)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-kicker{margin:0;color:var(--color-label);font-size:.7rem;text-transform:uppercase}.section-header h2{margin:var(--space-1) 0 0;font-size:1rem;line-height:1.2}.command-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.status-strip{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-chip{display:inline-flex;align-items:center;padding:.08rem .3rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.72rem;color:var(--text-secondary);background:transparent}.status-chip.mono{font-variant-numeric:tabular-nums;letter-spacing:.03em}.status-chip.tone-info{color:var(--color-info)}.status-chip.tone-warning{color:var(--color-warn)}.status-chip.tone-critical{color:var(--color-crit)}.status-chip.tone-success{color:var(--color-ok)}.status-chip.tone-neutral{color:var(--text-secondary)}.panel-frame{border-top:1px solid var(--border-active)}.panel-frame.tone-default{border-top-color:var(--border-active)}.panel-frame.tone-info{border-top-color:var(--color-info)}.panel-frame.tone-warning{border-top-color:var(--color-warn)}.panel-frame.tone-critical{border-top-color:var(--color-crit)}.panel-frame.tone-success{border-top-color:var(--color-ok)}.panel-frame-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2)}.panel-frame-header h3{margin:0;font-size:.92rem}.panel-frame-header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:.72rem}.panel-frame-body{padding-top:var(--space-2)}.metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);align-items:baseline;padding:.12rem 0}.metric-label{color:var(--text-muted);font-size:.76rem}.metric-value{color:var(--text-primary);font-size:.8rem}.metric-trend{color:var(--color-info);font-size:.72rem}.terminal-rule{margin:0;color:var(--text-secondary);font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-panel{margin:0}.control-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}button{min-height:30px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);padding:.2rem .5rem;cursor:pointer;font-family:var(--font-mono);font-size:.78rem}button:hover:not(:disabled){border-color:var(--border-active)}button:disabled{opacity:.5;cursor:not-allowed}button[data-active=true]{color:var(--color-info);border-color:var(--color-info)}.engine-switch{display:inline-flex;gap:var(--space-2)}.timeline-clock,.timeline-label{color:var(--text-secondary);font-size:.7rem}.timeline-dots{display:flex;gap:.15rem}.timeline-dots span{width:4px;height:4px;border-radius:50%;background:var(--color-info)}.timeline-slider{flex:1}.camera-presets{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2)}.theater-area{display:flex;min-height:0;overflow:hidden}.map-container{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden}.map-theater{position:absolute;inset:0;border:none;border-radius:0;overflow:hidden;background:#0e0e0e}.map-canvas{position:absolute;inset:0;width:100%;height:100%}.map-hud{position:absolute;z-index:5;left:var(--space-3);right:var(--space-3);top:var(--space-3);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.map-hud-right,.map-hud-left{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.map-hud .status-chip{pointer-events:auto;background:#0c0c0cc7}.map-footer{position:absolute;z-index:5;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);pointer-events:none}.flat-hint{margin-top:var(--space-2)}.route-section{border-top:1px solid var(--border-subtle);padding-top:var(--space-2)}.inline-state{font-size:.8rem}.inline-state.state-ok{color:var(--color-ok)}.inline-state.state-warn{color:var(--color-warn)}.inline-state.state-crit{color:var(--color-crit)}.inline-state.state-info{color:var(--color-info)}.data-table{width:100%;border-collapse:collapse;font-size:.78rem}.data-table thead th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:.16rem .2rem;font-weight:600}.data-table tbody td{border-bottom:1px dotted var(--border-subtle);padding:.18rem .2rem;color:var(--text-primary)}.data-table .num{text-align:right}.labeled-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);border-bottom:1px dotted var(--border-subtle);padding:.12rem 0;font-size:.78rem}.labeled-row-label{color:var(--text-secondary)}.labeled-row-value{color:var(--text-primary)}.panel[role=alert]{border-color:var(--color-crit)}.marker-detail-panel{width:320px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-surface);overflow-y:auto;display:grid;grid-template-rows:auto 1fr}.marker-detail-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.marker-detail-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.marker-detail-title{margin:0;font-size:.82rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marker-detail-close{min-height:24px;padding:0 .3rem;font-size:.72rem}.marker-detail-body{padding:var(--space-3)}.map-tooltip{position:absolute;z-index:15;padding:.2rem .4rem;background:#111111eb;border:1px solid var(--border-active);border-radius:var(--radius-sm);font-size:.72rem;color:var(--text-primary);pointer-events:none;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.map-tooltip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.25rem;vertical-align:middle}.global-status-bar{display:flex;align-items:center;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);padding:4px 12px;font-size:.72rem;white-space:nowrap;overflow-x:auto;flex-shrink:0;gap:12px;min-height:28px}.gsb-section{display:flex;align-items:center;gap:8px}.gsb-spacer{flex:1}.gsb-label{color:var(--text-muted)}.gsb-value{color:var(--text-primary);font-variant-numeric:tabular-nums}.gsb-risk{font-weight:700;padding:1px 6px;border-radius:var(--radius-sm)}.gsb-chip{display:inline-flex;align-items:center;padding:1px 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.68rem;font-variant-numeric:tabular-nums}.gsb-button{min-height:24px;padding:0 .55rem;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font-size:.68rem;font-variant-numeric:tabular-nums}.gsb-button:disabled{opacity:.65}.gsb-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.gsb-clock{color:var(--text-muted);font-variant-numeric:tabular-nums}.feed-panel{width:280px;flex-shrink:0;border-right:1px solid var(--border-subtle);background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.feed-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border-subtle);font-size:.72rem;flex-shrink:0}.feed-panel-header h3{margin:0;font-size:.76rem;color:var(--text-primary)}.feed-panel-body{flex:1;overflow-y:auto}.feed-section-label{padding:4px 10px;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);background:var(--bg-deep)}.event-card{padding:6px 10px;border-bottom:1px solid var(--border-subtle);cursor:pointer;font-size:.74rem;transition:background .1s}.event-card:hover{background:var(--bg-hover)}.event-card-top{display:flex;align-items:center;gap:6px}.event-card-badge{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-card-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:500}.event-card-kind{color:var(--text-muted);font-size:.66rem;text-transform:uppercase}.event-card-meta{display:flex;gap:8px;margin-top:2px;padding-left:14px;font-size:.66rem;color:var(--text-muted)}.overlay-controls{position:absolute;z-index:6;bottom:12px;left:12px;pointer-events:none;display:flex;flex-direction:column;gap:6px}.overlay-controls>*{pointer-events:auto}.overlay-panel{background:#111111eb;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px;font-size:.72rem;max-height:280px;overflow-y:auto}.overlay-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.overlay-layer-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.overlay-layer-label{color:var(--text-secondary);font-size:.7rem}.overlay-layer-btn{min-height:20px;padding:0 4px;font-size:.66rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.overlay-engine-row{display:flex;gap:4px}.overlay-engine-btn{min-height:22px;padding:0 8px;font-size:.68rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#111111eb;color:var(--text-secondary);cursor:pointer}.overlay-engine-btn[data-active=true]{color:var(--color-info);border-color:var(--color-info)}.overlay-presets{position:absolute;z-index:6;bottom:12px;right:12px;pointer-events:none;display:flex;flex-direction:column;gap:4px}.overlay-presets>button{pointer-events:auto;min-height:24px;min-width:24px;padding:0 6px;font-size:.66rem;background:#111111eb;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.overlay-presets>button:hover{border-color:var(--border-active);color:var(--text-primary)}.threat-ribbon{flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--bg-surface);font-family:var(--font-mono)}.tr-bar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:6px 12px;background:transparent;border:none;border-radius:0;cursor:pointer;font-family:var(--font-mono);font-size:.76rem;color:var(--text-primary);text-align:left;gap:8px;transition:background .1s}.tr-bar:hover{background:var(--bg-hover);border-color:transparent}.tr-bar-left,.tr-bar-center,.tr-bar-right{display:flex;align-items:center;gap:8px;white-space:nowrap}.tr-bar-left{flex-shrink:0}.tr-bar-center{flex:1;justify-content:center;gap:6px}.tr-bar-right{flex-shrink:0}.tr-box-corner{color:var(--border-active);font-size:.8rem}.tr-box-h{color:var(--border-active)}.tr-title{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.tr-score{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.tr-total{color:var(--text-muted);font-size:.7rem;font-variant-numeric:tabular-nums}.tr-gauge{display:inline-flex;align-items:center}.tr-gauge-track{font-size:.72rem;line-height:1;letter-spacing:-.02em}.tr-gauge-empty{color:var(--border-subtle)}.tr-severity-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid;border-radius:var(--radius-sm);font-size:.72rem;font-variant-numeric:tabular-nums;transition:background .15s}.tr-bar:hover .tr-severity-badge{background:#ffffff0a}.tr-severity-count{font-weight:700;font-size:.82rem}.tr-severity-label{font-size:.64rem;letter-spacing:.04em}.tr-trending{color:var(--text-muted);font-size:.66rem}.tr-trending-text{color:var(--accent-amber)}.tr-expand-hint{color:var(--text-muted);font-size:.62rem;opacity:.6}.tr-bar:hover .tr-expand-hint{opacity:1;color:var(--color-info)}.tr-detail{border-bottom:1px solid var(--border-subtle);padding:0;animation:tr-slide-up .15s ease-out}@keyframes tr-slide-up{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.tr-top-border{display:flex;align-items:center;padding:4px 12px;font-size:.66rem;white-space:nowrap;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.tr-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.tr-panel{padding:8px 12px 10px;border-right:1px solid var(--border-subtle)}.tr-panel:last-child{border-right:none}.tr-panel-title{display:flex;align-items:center;gap:0;margin-bottom:8px;font-size:.66rem;white-space:nowrap;overflow:hidden}.tr-panel-label{color:var(--color-label);font-size:.66rem;padding:0 4px;white-space:nowrap}.tr-box-h-fill{color:var(--border-active);overflow:hidden;font-size:.66rem}.tr-theater-table{width:100%;border-collapse:collapse;font-size:.72rem}.tr-theater-table thead th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:2px 4px 4px;font-weight:600;font-size:.66rem;letter-spacing:.04em}.tr-theater-table tbody td{padding:3px 4px;border-bottom:1px dotted var(--border-subtle);color:var(--text-primary)}.tr-num{text-align:right;font-variant-numeric:tabular-nums}.tr-severity-grid{display:flex;flex-direction:column;gap:3px}.tr-severity-row{display:flex;align-items:center;gap:6px;font-size:.7rem}.tr-severity-row-label{width:72px;font-size:.66rem;letter-spacing:.04em;flex-shrink:0}.tr-severity-row-bar{font-size:.68rem;line-height:1;letter-spacing:-.02em;min-width:0;overflow:hidden}.tr-severity-row-count{color:var(--text-secondary);font-size:.68rem;font-variant-numeric:tabular-nums;flex-shrink:0}.tr-metrics{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.tr-metric-row{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0;border-bottom:1px dotted var(--border-subtle);font-size:.72rem}.tr-metric-label{color:var(--text-muted);font-size:.68rem}.tr-metric-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:500}.tr-trending-section{margin-top:6px}.tr-trending-header{display:block;color:var(--color-label);font-size:.66rem;margin-bottom:4px;letter-spacing:.04em}.tr-trending-item{display:flex;gap:6px;padding:2px 0;font-size:.7rem}.tr-trending-idx{color:var(--text-muted);font-variant-numeric:tabular-nums}.tr-trending-keyword{color:var(--accent-amber)}.tr-bottom-border{display:flex;align-items:center;padding:4px 12px;font-size:.66rem;white-space:nowrap;overflow:hidden;border-top:1px solid var(--border-subtle)}.timeline-bar{margin:0;display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--border-subtle);border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:4px 12px;background:var(--bg-surface);flex-shrink:0;min-height:28px}@media(max-width:980px){.app-shell{height:100dvh;grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);overflow-x:auto;grid-template-rows:auto;grid-template-columns:auto 1fr;padding:var(--space-2) var(--space-3)}.sidebar .sidebar-panel{display:none}.sidebar-nav{display:flex;gap:var(--space-2);border-bottom:none;padding-bottom:0}.main{padding:0}.theater-area{flex-direction:column;min-height:42vh}.map-container{min-height:320px}.feed-panel{width:100%;max-height:160px;border-right:none;border-bottom:1px solid var(--border-subtle)}.marker-detail-panel{position:fixed;bottom:0;left:0;width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--border-active);z-index:20}.tr-bar{flex-wrap:wrap;min-height:40px;padding:4px 8px}.tr-bar-left .tr-gauge,.tr-bar-left .tr-box-h,.tr-bar-right .tr-trending,.tr-box-corner{display:none}.tr-bar-center{justify-content:flex-start}.tr-detail-grid{grid-template-columns:1fr}.tr-panel{border-right:none;border-bottom:1px solid var(--border-subtle)}.overlay-controls{bottom:8px;left:8px}.overlay-presets{bottom:8px;right:8px}button{min-height:44px;font-size:.86rem}.nav-link{padding:.5rem .35rem;font-size:.88rem}.data-table,.labeled-row{font-size:.82rem}}@media(max-width:640px){.theater-area{min-height:46vh}.map-container{min-height:360px}.feed-panel{display:none}.feed-panel.feed-panel--visible{display:flex}.global-status-bar{font-size:.66rem;padding:2px 8px;gap:6px}.overlay-panel{max-height:200px}}.timeline-presets,.timeline-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.timeline-center{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.timeline-chip{border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font:inherit;font-size:.7rem;padding:3px 8px;min-height:24px}.timeline-chip.active{color:var(--color-info);border-color:var(--color-info)}.timeline-sparkline{display:flex;align-items:end;gap:2px;min-width:120px;flex:1;height:28px}.timeline-bar-cell{display:block;width:3px;min-height:6px;background:var(--text-muted);opacity:.45}.timeline-bar-cell.active{background:var(--color-info);opacity:1}.timeline-label,.timeline-clock{font-size:.68rem;color:var(--text-secondary);white-space:nowrap}.timeline-slider{flex:1;min-width:120px}.timeline-error{color:var(--color-crit)}.marker-history-state{padding:6px 0;color:var(--text-muted);font-size:.72rem}