:root{--bg-primary: #060b14;--bg-secondary: #0c1322;--bg-card: #111827;--bg-card-hover: #1a2332;--border: #1e2d40;--border-active: #2563eb;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #3b82f6;--accent-dim: #1e40af;--green: #10b981;--green-dim: #064e3b;--red: #ef4444;--red-dim: #7f1d1d;--orange: #f97316;--yellow: #eab308;--purple: #a855f7;--cyan: #06b6d4;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{display:grid;height:100vh;grid-template-rows:48px 1fr}.header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:.5px}.header-brand .logo{color:var(--cyan);font-size:18px}.header-stats{display:flex;gap:20px;font-size:11px;color:var(--text-muted)}.header-stats .stat-val{color:var(--cyan);font-weight:600;margin-left:4px}.main{display:grid;grid-template-columns:300px 1fr 360px;overflow:hidden}.streams-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-header .count{color:var(--cyan)}.stream-filters{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:3px 8px;border-radius:4px;font-size:10px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--accent);color:var(--text-primary)}.filter-btn.active{background:var(--accent-dim);border-color:var(--accent);color:#fff}.stream-list{flex:1;overflow-y:auto;padding:4px}.stream-card{padding:10px 12px;margin:2px 0;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s}.stream-card:hover{background:var(--bg-card-hover);border-color:var(--border)}.stream-card.active{background:var(--green-dim);border-color:var(--green)}.stream-card .stream-name{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.stream-card .stream-meta{font-size:10px;color:var(--text-muted);display:flex;justify-content:space-between}.stream-card .stream-type{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase}.stream-card .active-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--green-dim);color:var(--green);font-weight:600}.transcript-panel{display:flex;flex-direction:column;overflow:hidden}.transcript-feed{flex:1;overflow-y:auto;padding:12px 16px;font-family:var(--font-mono)}.transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px;text-align:center;gap:12px}.transcript-empty .icon{font-size:48px;opacity:.3}.transcript-entry{padding:10px 14px;margin-bottom:8px;background:var(--bg-card);border-radius:6px;border-left:3px solid var(--border);animation:fadeIn .3s ease}.transcript-entry.disaster{border-left-color:var(--red)}.transcript-entry.relevant{border-left-color:var(--orange)}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;color:var(--text-muted)}.transcript-header .stream-name{color:var(--cyan);font-weight:500}.transcript-header .confidence{padding:1px 5px;border-radius:3px;font-size:9px}.transcript-text{font-size:12px;color:var(--text-primary);line-height:1.6;word-wrap:break-word}.transcript-decoded{font-size:11px;color:var(--text-secondary);margin-top:4px;padding-top:6px;border-top:1px solid var(--border)}.transcript-decoded .expansion{color:var(--yellow);font-weight:500}.events-panel{border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.event-list{flex:1;overflow-y:auto;padding:8px}.event-card{padding:12px;margin-bottom:6px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border);animation:fadeIn .3s ease}.event-severity{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:3px;display:inline-block;margin-bottom:6px}.sev-catastrophic{background:#7c3aed22;color:var(--purple)}.sev-severe{background:#ef444422;color:var(--red)}.sev-significant{background:#f9731622;color:var(--orange)}.sev-moderate{background:#eab30822;color:var(--yellow)}.sev-minor{background:#10b98122;color:var(--green)}.event-title{font-size:12px;font-weight:600;margin-bottom:4px}.event-summary{font-size:11px;color:var(--text-secondary);margin-bottom:6px}.event-meta{font-size:10px;color:var(--text-muted);display:flex;justify-content:space-between}.event-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.badge{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--bg-primary);color:var(--text-secondary)}.badge.casualties{background:var(--red-dim);color:var(--red)}.badge.evacuation{background:#78350f;color:var(--orange)}.badge.mutual-aid{background:var(--accent-dim);color:var(--accent)}.controls-bar{padding:8px 16px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center;background:var(--bg-secondary)}.controls-bar input{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-family:var(--font-mono);font-size:11px;outline:none}.controls-bar input:focus{border-color:var(--accent)}.controls-bar input::placeholder{color:var(--text-muted)}.btn{background:var(--accent-dim);border:1px solid var(--accent);color:#fff;padding:6px 14px;border-radius:4px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{background:var(--accent)}.btn.danger{background:var(--red-dim);border-color:var(--red)}.btn.danger:hover{background:var(--red)}.btn.success{background:var(--green-dim);border-color:var(--green)}.btn.success:hover{background:var(--green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.main{grid-template-columns:260px 1fr 300px}}@media(max-width:900px){.main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.streams-panel{max-height:200px}}