:root{color-scheme:dark;--bg:#020d17;--panel:#061827;--panel2:#082033;--line:rgba(75,200,232,.25);--line2:rgba(75,200,232,.12);--cyan:#35d4f2;--mint:#36e0be;--orange:#ff9c55;--yellow:#ffd166;--text:#e7f6fb;--muted:#7896a7;--danger:#ff6b63}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}body{overflow-x:hidden}button,a{font:inherit}.shell{min-height:100vh;padding:0 14px 14px;background:radial-gradient(circle at 50% 34%,rgba(16,64,89,.22),transparent 40%),linear-gradient(180deg,#020b14,#03101b)}.topbar{height:74px;display:grid;grid-template-columns:310px 200px 1fr auto;align-items:center;gap:22px;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.18);position:relative;z-index:500}.topbar:after{content:"";position:absolute;left:0;bottom:-2px;width:260px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.eye-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.eye-logo{width:48px;height:48px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(53,212,242,.45);box-shadow:inset 0 0 0 7px rgba(53,212,242,.05)}.eye-logo:before,.eye-logo:after{content:"";position:absolute;width:35px;height:35px;border:1px solid rgba(53,212,242,.2)}.eye-logo:after{width:23px;height:23px}.eye-logo i{width:12px;height:12px;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.eye-brand b{display:block;letter-spacing:.32em;font-size:17px}.eye-brand small{display:block;margin-top:2px;color:var(--muted);letter-spacing:.08em}.clock-block strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;font-size:21px}.clock-block span{font-size:12px;color:var(--muted);letter-spacing:.08em}.source-state{display:flex;justify-content:center;align-items:center;gap:8px;color:#9cb5c3;font-size:12px}.source-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px var(--mint)}.source-state strong{margin-left:10px;padding:7px 10px;color:var(--cyan);border:1px solid var(--line);font-weight:700}.source-state strong.warn{color:var(--orange);border-color:rgba(255,156,85,.35)}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button,.top-actions a{height:36px;min-width:36px;display:grid;place-items:center;color:#a8c7d6;background:#061725;border:1px solid var(--line);text-decoration:none;cursor:pointer}.top-actions a{padding:0 13px;font-size:12px}.top-actions button:hover,.top-actions a:hover{color:var(--cyan);border-color:var(--cyan)}
.dashboard{height:calc(100vh - 166px);min-height:640px;display:grid;grid-template-columns:318px minmax(430px,1fr) 370px;gap:12px;padding-top:12px}.panel,.map-panel{min-height:0;background:linear-gradient(180deg,rgba(7,27,43,.97),rgba(4,19,32,.96));border:1px solid var(--line);box-shadow:inset 0 0 30px rgba(28,113,146,.05);position:relative}.panel{padding:14px;overflow:auto;scrollbar-width:thin;scrollbar-color:#17435a transparent}.panel:before,.map-panel:before{content:"";position:absolute;left:-1px;top:-1px;width:48px;height:1px;background:var(--cyan);box-shadow:0 0 10px rgba(53,212,242,.5)}.panel-heading{position:relative;border-bottom:1px solid var(--line2);padding:2px 0 12px}.panel-heading>span{font-size:10px;letter-spacing:.18em;color:#6f93a6}.panel-heading h1{font-size:22px;margin:2px 0 0;letter-spacing:.03em}.panel-heading i{position:absolute;right:0;bottom:14px;font-size:10px;color:var(--mint);font-style:normal}.panel-heading i:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:currentColor;box-shadow:0 0 8px currentColor}.storm-title{display:grid;grid-template-columns:74px 1fr;gap:13px;align-items:center;padding:16px 0 12px}.wind-force{width:68px;height:68px;display:grid;place-content:center;text-align:center;border-radius:50%;border:1px solid rgba(255,156,85,.55);box-shadow:inset 0 0 24px rgba(255,156,85,.12),0 0 12px rgba(255,156,85,.08);position:relative}.wind-force:after{content:"";position:absolute;inset:5px;border:1px dashed rgba(255,156,85,.28);border-radius:50%}.wind-force strong{font-size:27px;line-height:1;color:var(--orange)}.wind-force small{font-size:10px;color:#9eabb0}.storm-title>div:last-child>span{font-size:11px;color:var(--muted)}.storm-title h2{margin:3px 0 5px;font-size:24px}.storm-title h2 em{font-size:11px;letter-spacing:.18em;color:#75a4b7;font-style:normal}.storm-title mark{display:inline-block;padding:2px 8px;background:rgba(255,156,85,.14);border-left:2px solid var(--orange);color:var(--orange);font-size:12px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{padding:10px 11px;background:rgba(9,42,62,.72);border:1px solid var(--line2);min-height:66px}.metric-grid span{display:block;color:var(--muted);font-size:11px}.metric-grid strong{font-family:ui-monospace,monospace;font-size:22px}.metric-grid small{color:#718d9b;margin-left:3px;font-size:9px}.position-list{margin:10px 0 0}.position-list div{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid var(--line2);font-size:11px}.position-list dt{color:var(--muted)}.position-list dd{margin:0;font-family:ui-monospace,monospace}.trend-card{margin-top:9px;padding:10px;background:rgba(3,17,29,.65);border:1px solid var(--line2)}.trend-card header{display:flex;justify-content:space-between;font-size:11px;color:#9bb4c0}.trend-card header strong{color:var(--text);font-family:ui-monospace,monospace}.trend-card svg{width:100%;height:76px;display:block;overflow:visible}.track-note{margin-top:9px;padding:10px 11px;border-left:2px solid var(--cyan);background:rgba(53,212,242,.05)}.track-note span{font-size:9px;letter-spacing:.16em;color:var(--cyan)}.track-note p{font-size:11px;line-height:1.65;margin:3px 0;color:#a8bec9}.storm-empty{display:grid;place-items:center;text-align:center;min-height:390px;padding:20px}.storm-empty span{font-size:10px;letter-spacing:.18em;color:var(--cyan)}.storm-empty strong{font-size:25px;margin-top:8px}.storm-empty p{color:var(--muted);font-size:12px}
.map-panel{overflow:hidden}.map-panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:400;background:linear-gradient(rgba(53,212,242,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(53,212,242,.025) 1px,transparent 1px);background-size:40px 40px}.map-panel #map{height:100%;background:#031420}.leaflet-container{font-family:inherit}.leaflet-tile-pane{filter:saturate(.42) brightness(.52) contrast(1.14) hue-rotate(155deg)}.leaflet-control-zoom a{background:#061d2d!important;color:#b9eaf3!important;border-color:var(--line)!important}.leaflet-control-attribution{background:rgba(2,13,23,.72)!important;color:#7091a0!important;font-size:9px!important}.leaflet-control-attribution a{color:#8fc7d5!important}.map-title{position:absolute;left:16px;top:16px;z-index:450;padding:10px 12px;background:rgba(3,17,28,.78);border-left:2px solid var(--cyan);backdrop-filter:blur(10px)}.map-title span{display:block;color:#6f95a7;font-size:9px;letter-spacing:.14em}.map-title strong{font-size:15px}.legend{position:absolute;left:16px;bottom:16px;z-index:450;display:flex;gap:13px;padding:9px 11px;background:rgba(3,17,28,.82);font-size:10px;color:#a0b8c3}.legend span{display:flex;align-items:center;gap:5px}.history-line,.forecast-line{width:18px;height:2px;background:var(--cyan)}.forecast-line{background:repeating-linear-gradient(90deg,var(--orange) 0 4px,transparent 4px 7px)}.city-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px var(--mint)}.layer-switches{position:absolute;right:16px;top:16px;z-index:450;display:flex;gap:5px}.layer-switches button{padding:7px 9px;border:1px solid var(--line);background:rgba(3,17,28,.84);color:#6f8997;font-size:10px;cursor:pointer}.layer-switches button.active{color:var(--cyan);border-color:rgba(53,212,242,.55)}.map-error{position:absolute;z-index:460;inset:45% auto auto 50%;transform:translate(-50%,-50%);text-align:center;padding:16px;background:rgba(3,17,28,.88);border:1px solid rgba(255,156,85,.45)}.map-error strong,.map-error span{display:block}.map-error strong{color:var(--orange)}.map-error span{margin-top:5px;color:var(--muted);font-size:11px}.storm-marker{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,var(--cyan) 0 13%,rgba(53,212,242,.25) 15% 37%,transparent 39%);border:1px solid var(--cyan);box-shadow:0 0 20px var(--cyan);animation:pulse 2s infinite}.forecast-marker{width:10px;height:10px;border-radius:50%;background:var(--orange);border:2px solid #fff0;box-shadow:0 0 8px var(--orange)}.city-marker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#092438;border:2px solid var(--mint);color:white;font-size:9px;font-weight:800;box-shadow:0 0 12px rgba(54,224,190,.5)}.city-marker.risk-high{border-color:var(--danger);box-shadow:0 0 14px rgba(255,107,99,.6)}.city-marker.risk-mid{border-color:var(--orange);box-shadow:0 0 14px rgba(255,156,85,.55)}.leaflet-tooltip.eye-tooltip{background:#061b2a;border:1px solid var(--line);color:#dff8ff;box-shadow:0 7px 20px rgba(0,0,0,.4);font-size:11px}.leaflet-tooltip.eye-tooltip:before{border-top-color:var(--line)}@keyframes pulse{0%,100%{transform:scale(.86);opacity:.85}50%{transform:scale(1.08);opacity:1}}
.risk-summary{display:grid;grid-template-columns:1fr 104px 1fr;align-items:center;text-align:center;padding:14px 0;border-bottom:1px solid var(--line2)}.risk-summary>div>span{display:block;color:var(--muted);font-size:10px}.risk-summary>div>strong{font-size:22px}.risk-summary>div>small{font-size:9px;color:var(--muted);margin-left:3px}.score-ring{width:82px;height:82px;margin:auto;border:1px solid rgba(255,156,85,.45);border-radius:50%;display:grid;place-content:center;position:relative}.score-ring:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,156,85,.24);border-radius:50%}.score-ring strong{color:var(--orange)!important;font-family:ui-monospace,monospace}.city-table-head{display:grid;grid-template-columns:1fr 52px 52px;padding:11px 8px 5px;color:#5d7b8b;font-size:9px}.city-table-head span:not(:first-child){text-align:right}.city-cards{display:grid;gap:6px}.city-card{width:100%;display:grid;grid-template-columns:24px 1fr 38px 52px 52px;align-items:center;gap:5px;padding:10px 8px;border:1px solid transparent;background:rgba(8,35,52,.75);color:inherit;text-align:left;cursor:pointer}.city-card:hover,.city-card.active{border-color:var(--line);background:rgba(12,50,71,.88)}.city-rank{font-family:ui-monospace,monospace;color:#506f7f;font-size:10px}.city-name strong{display:block;font-size:14px}.city-name small{display:block;font-size:9px;color:var(--muted)}.city-score{height:27px;display:grid;place-items:center;background:rgba(255,156,85,.13);color:var(--orange);font-weight:800;font-family:ui-monospace,monospace}.city-gust,.city-rain{text-align:right;color:#a8bec8;font-size:11px}.skeleton{height:49px;background:linear-gradient(90deg,rgba(12,47,66,.4),rgba(28,81,103,.55),rgba(12,47,66,.4));background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{to{background-position:-200% 0}}.ai-brief{margin-top:12px;padding:12px;border:1px solid rgba(53,212,242,.22);background:linear-gradient(135deg,rgba(53,212,242,.06),rgba(54,224,190,.03))}.ai-brief header,.warning-stream header{display:flex;justify-content:space-between;align-items:center}.ai-brief header span,.warning-stream header span{font-size:10px;color:var(--cyan);letter-spacing:.1em}.ai-brief header i,.warning-stream header i{font-size:9px;color:var(--mint);font-style:normal}.ai-brief h2{font-size:16px;margin:8px 0 4px}.ai-brief>p,.brief-action p{margin:0;font-size:11px;line-height:1.6;color:#9cb5c0}.brief-action{margin-top:9px;padding-top:8px;border-top:1px solid var(--line2)}.brief-action span{font-size:9px;color:var(--orange)}.warning-stream{margin-top:12px}.warning-stream>div{margin-top:5px;max-height:126px;overflow:auto}.warning-item{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line2)}.warning-item>span{height:27px;display:grid;place-items:center;border:1px solid rgba(255,156,85,.45);color:var(--orange);font-size:9px}.warning-item strong{font-size:11px}.warning-item p{margin:2px 0 0;color:#738f9d;font-size:9px;line-height:1.45}
.timeline-bar{height:80px;margin-top:12px;display:grid;grid-template-columns:180px 44px 1fr 240px;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(180deg,#071b2a,#051522);border:1px solid var(--line);position:relative}.timeline-bar:before{content:"";position:absolute;left:-1px;top:-1px;width:100%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent 55%)}.timeline-label span,.model-note span{display:block;color:var(--muted);font-size:9px}.timeline-label strong{display:block;font-family:ui-monospace,monospace;font-size:16px}.timeline-label small{color:var(--cyan);font-size:9px}.timeline-bar>button{width:40px;height:40px;border:1px solid var(--line);background:#092337;color:var(--cyan);cursor:pointer}.slider-wrap{min-width:0}.slider-labels{display:flex;justify-content:space-between;color:#5f7d8d;font-size:9px}.slider-wrap input{width:100%;accent-color:var(--cyan)}.model-note{text-align:right}.model-note small{font-size:9px;color:#5f7c8a}.loading-screen{position:fixed;inset:0;z-index:1000;background:#020d17;display:grid;place-content:center;justify-items:center;text-align:center;transition:opacity .6s,visibility .6s}.loading-screen.hide{opacity:0;visibility:hidden}.loading-eye{width:100px;height:100px;display:grid;place-items:center;border:1px solid rgba(53,212,242,.28);transform:rotate(45deg);margin-bottom:30px;animation:spinEye 5s linear infinite}.loading-eye:before,.loading-eye:after{content:"";position:absolute;width:72px;height:72px;border:1px solid rgba(53,212,242,.22)}.loading-eye:after{width:42px;height:42px}.loading-eye i{width:15px;height:15px;background:var(--cyan);box-shadow:0 0 28px var(--cyan)}.loading-screen>span{font-size:10px;color:var(--cyan);letter-spacing:.2em}.loading-screen>strong{font-size:25px;margin:9px 0}.loading-screen>p{font-size:11px;color:var(--muted)}@keyframes spinEye{50%{transform:rotate(225deg)}}
@media(max-width:1180px){.topbar{grid-template-columns:270px 150px 1fr}.source-state{display:none}.dashboard{grid-template-columns:300px minmax(420px,1fr) 338px}.risk-panel{padding:11px}.city-card{grid-template-columns:22px 1fr 34px 44px 44px}}
@media(max-width:980px){body{overflow:auto}.shell{padding:0 8px 8px}.topbar{height:auto;min-height:68px;grid-template-columns:1fr auto;padding:8px 0}.clock-block{display:none}.top-actions a{display:none}.dashboard{height:auto;min-height:0;grid-template-columns:1fr;grid-template-areas:"map" "live" "risk"}.map-panel{grid-area:map;height:62vh;min-height:440px}.live-panel{grid-area:live}.risk-panel{grid-area:risk}.panel{overflow:visible}.timeline-bar{position:sticky;bottom:0;z-index:600;grid-template-columns:130px 40px 1fr;height:74px}.model-note{display:none}.trend-card svg{height:96px}.warning-stream>div{max-height:none}}
@media(max-width:580px){.eye-brand b{font-size:14px}.eye-brand small{font-size:10px}.eye-logo{width:40px;height:40px}.top-actions button{min-width:33px}.dashboard{gap:8px;padding-top:8px}.map-panel{height:54vh;min-height:370px}.map-title{left:10px;top:10px}.layer-switches{right:10px;top:auto;bottom:48px}.legend{left:10px;bottom:10px;right:10px;justify-content:center}.panel{padding:12px}.timeline-bar{margin-top:8px;padding:0 9px;gap:7px;grid-template-columns:103px 36px 1fr}.timeline-label strong{font-size:13px}.timeline-label span{display:none}.timeline-bar>button{width:34px;height:34px}.slider-labels span:nth-child(3),.slider-labels span:nth-child(4){display:none}.risk-summary{grid-template-columns:1fr 90px 1fr}.score-ring{width:72px;height:72px}}

/* Visual command-center upgrade */
@media(min-width:1181px){.dashboard{grid-template-columns:300px minmax(520px,1fr) 392px}}
.map-panel{background:#020c16;box-shadow:inset 0 0 70px rgba(0,0,0,.68),0 0 0 1px rgba(53,212,242,.05)}
.map-panel #map{background:radial-gradient(circle at 50% 45%,#0a2a3d,#020b14 72%)}
.leaflet-tile-pane{filter:grayscale(1) invert(1) sepia(.38) hue-rotate(155deg) saturate(2.15) brightness(.55) contrast(1.38);opacity:.68}
.leaflet-overlay-pane svg{filter:drop-shadow(0 0 4px rgba(53,212,242,.18))}
.map-panel:after{background:radial-gradient(circle at 50% 48%,transparent 40%,rgba(0,7,13,.46) 100%),linear-gradient(rgba(64,210,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(64,210,239,.045) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px;box-shadow:inset 0 0 90px rgba(0,0,0,.65)}
.map-title,.legend,.layer-switches button{background:rgba(2,16,27,.9);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.map-title{border-left:2px solid #48e6ff;border-top:1px solid rgba(72,230,255,.16)}
.map-crosshair{position:absolute;z-index:420;left:50%;top:50%;width:78px;height:78px;transform:translate(-50%,-50%);border:1px solid rgba(53,212,242,.1);border-radius:50%;pointer-events:none}
.map-crosshair:before,.map-crosshair:after{content:"";position:absolute;background:rgba(53,212,242,.14)}
.map-crosshair:before{width:108px;height:1px;left:-15px;top:38px}.map-crosshair:after{width:1px;height:108px;left:38px;top:-15px}
.map-crosshair i:first-child{position:absolute;inset:9px;border:1px dashed rgba(53,212,242,.1);border-radius:50%}
.storm-marker{width:54px;height:54px;border:0;background:none;box-shadow:none;animation:none;position:relative}
.storm-marker:before,.storm-marker:after{content:"";position:absolute;border-radius:50%;inset:2px;border:1px solid rgba(53,212,242,.68);box-shadow:0 0 18px rgba(53,212,242,.5),inset 0 0 16px rgba(53,212,242,.18);animation:stormOrbit 5s linear infinite}
.storm-marker:after{inset:10px;border-style:dashed;border-color:rgba(53,212,242,.9);animation-direction:reverse;animation-duration:3s}
.storm-marker>i{position:absolute;left:22px;top:22px;width:10px;height:10px;border-radius:50%;background:#dcfbff;box-shadow:0 0 10px #fff,0 0 28px #35d4f2;z-index:3}
.storm-marker>b{position:absolute;inset:-10px;border-radius:50%;border-top:2px solid rgba(53,212,242,.52);border-right:2px solid transparent;animation:stormOrbit 2.2s linear infinite}
.storm-marker>span{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(53,212,242,.08),transparent 62%);animation:pulse 2.4s ease-in-out infinite}
@keyframes stormOrbit{to{transform:rotate(360deg)}}
.forecast-marker{width:14px;height:14px;background:#ffad6f;border:2px solid rgba(255,255,255,.42);box-shadow:0 0 7px #ff9c55,0 0 16px rgba(255,156,85,.42);position:relative}
.forecast-marker i{position:absolute;inset:-6px;border:1px solid rgba(255,156,85,.28);border-radius:50%}
.city-marker{width:42px;height:26px;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:4px;color:#36e0be;position:relative;white-space:nowrap}
.city-marker>i{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor,0 0 14px currentColor}
.city-marker>span{padding:2px 5px;border:1px solid currentColor;background:rgba(2,18,29,.88);color:#dff7f8;font-size:9px;line-height:1.2;font-weight:800}
.city-marker> b{position:absolute;right:-9px;top:-10px;padding:1px 3px;background:#35d4f2;color:#02121c;font-size:7px;font-weight:900;letter-spacing:.05em}
.city-marker.featured{width:58px;height:38px;color:#35d4f2;transform:scale(1.08)}
.city-marker.featured>i{width:9px;height:9px}.city-marker.featured>span{padding:3px 6px;border-width:1.5px;font-size:10px}
.city-marker.risk-high{color:#ff5d65}.city-marker.risk-mid{color:#ff9c55}.city-marker.risk-low{color:#36e0be}
.ranking-title{display:flex;justify-content:space-between;align-items:center;padding:12px 5px 0;border-left:2px solid var(--cyan)}
.ranking-title span{font-size:12px;font-weight:800}.ranking-title i{color:#607e8e;font-size:9px;font-style:normal}
.city-cards{max-height:302px;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#1b536b transparent}
.city-card{min-height:46px;padding:7px 8px;background:linear-gradient(90deg,rgba(8,35,52,.88),rgba(6,26,41,.72));border-bottom:1px solid rgba(75,200,232,.08)}
.city-card.featured{border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(16,67,83,.72),rgba(7,30,44,.76))}
.city-card.active{box-shadow:inset 0 0 22px rgba(53,212,242,.07)}
.city-card.featured .city-name strong:after{content:"CORE";margin-left:5px;color:var(--cyan);font-size:7px;letter-spacing:.08em}
.city-score{box-shadow:inset 0 0 12px rgba(255,156,85,.08)}
.risk-panel{background:linear-gradient(180deg,rgba(5,24,39,.98),rgba(3,15,26,.98))}
.risk-summary{background:radial-gradient(circle at 50% 50%,rgba(255,156,85,.06),transparent 58%)}
@media(max-width:980px){.city-cards{max-height:420px}.map-crosshair{display:none}}