:root{--bg-primary: #F1F5F9;--bg-secondary: #FFFFFF;--bg-tertiary: #E2E8F0;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: #FFFFFF;--border-color: rgba(203, 213, 225, .8);--border-glow: rgba(2, 132, 199, .25);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--accent-cyan: #0284C7;--accent-cyan-glow: rgba(2, 132, 199, .25);--accent-blue: #0369A1;--turb-smooth: #059669;--turb-smooth-bg: rgba(5, 150, 105, .12);--turb-light: #D97706;--turb-light-bg: rgba(217, 119, 6, .14);--turb-moderate: #EA580C;--turb-moderate-bg: rgba(234, 88, 12, .14);--turb-severe: #DC2626;--turb-severe-bg: rgba(220, 38, 38, .14);--turb-extreme: #B91C1C;--itcz-purple: #9333EA;--itcz-purple-glow: rgba(147, 51, 234, .18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=dark]{--bg-primary: #070B14;--bg-secondary: #0D1527;--bg-tertiary: #131E38;--bg-card: rgba(13, 21, 39, .9);--bg-card-hover: rgba(19, 30, 56, .95);--border-color: rgba(43, 72, 128, .4);--border-glow: rgba(0, 240, 255, .25);--text-primary: #F0F4FC;--text-secondary: #94A3B8;--text-muted: #64748B;--accent-cyan: #00F0FF;--accent-cyan-glow: rgba(0, 240, 255, .35);--accent-blue: #38BDF8;--turb-smooth: #10B981;--turb-smooth-bg: rgba(16, 185, 129, .15);--turb-light: #FBBF24;--turb-light-bg: rgba(251, 191, 36, .15);--turb-moderate: #F97316;--turb-moderate-bg: rgba(249, 115, 22, .2);--turb-severe: #EF4444;--turb-severe-bg: rgba(239, 68, 68, .25);--turb-extreme: #DC2626;--itcz-purple: #A855F7;--itcz-purple-glow: rgba(168, 85, 247, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.glow-cyan{text-shadow:0 0 12px var(--accent-cyan-glow)}.box-glow{box-shadow:0 4px 20px #00000014,0 0 15px var(--accent-cyan-glow)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:all .2s ease-in-out}.glass-panel-subtle{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .95rem;font-size:.85rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .18s ease-in-out;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;font-weight:600;box-shadow:0 2px 8px #0284c759}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 14px #0284c780;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:.35rem .65rem;font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-smooth{background:var(--turb-smooth-bg);color:var(--turb-smooth);border:1px solid rgba(5,150,105,.3)}.badge-light{background:var(--turb-light-bg);color:var(--turb-light);border:1px solid rgba(217,119,6,.3)}.badge-moderate{background:var(--turb-moderate-bg);color:var(--turb-moderate);border:1px solid rgba(234,88,12,.3)}.badge-severe{background:var(--turb-severe-bg);color:var(--turb-severe);border:1px solid rgba(220,38,38,.3)}.badge-itcz{background:var(--itcz-purple-glow);color:var(--itcz-purple);border:1px solid rgba(147,51,234,.4)}@keyframes radar-pulse{0%{box-shadow:0 0 #0284c799}70%{box-shadow:0 0 0 8px #0284c700}to{box-shadow:0 0 #0284c700}}.radar-live-indicator{display:inline-block;width:8px;height:8px;background-color:var(--accent-cyan);border-radius:50%;animation:radar-pulse 2s infinite}input[type=range].time-slider{-webkit-appearance:none;width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;transition:background .2s;border:1px solid var(--border-color)}input[type=range].time-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-cyan);cursor:grab;box-shadow:0 0 8px var(--accent-cyan-glow),0 2px 5px #00000040;border:2px solid #FFFFFF;transition:transform .15s ease,box-shadow .15s ease}input[type=range].time-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px var(--accent-cyan)}input[type=range].time-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.maplibregl-canvas{outline:none}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{display:none!important}.panel-transition{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease}