:root{--bg:#04131f;--bg2:#082338;--panel:#0a2436;--text:#f7fbff;--muted:#9fb5c4;--line:rgba(255,255,255,.11);--cyan:#66d4ff;--green:#4be0ad;--amber:#ffc857;--red:#ff6b6b;--shadow:0 24px 70px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% -10%,#164a66 0,transparent 35%),linear-gradient(180deg,var(--bg2),var(--bg) 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(4,19,31,.9);backdrop-filter:blur(18px);z-index:1000}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--cyan),#4a8fff);font-weight:900;color:#00121d}.brand b,.brand em{display:block;line-height:.95}.brand b{font-size:17px}.brand em{font-size:12px;font-style:normal;letter-spacing:.22em;color:var(--cyan)}nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:800}.lang{border:1px solid var(--line);padding:9px 11px;border-radius:9px}.hero{min-height:330px;max-width:1220px;margin:auto;padding:58px 20px 48px;display:flex;align-items:end;justify-content:space-between;gap:30px}.hero h1{font-size:clamp(58px,9vw,112px);letter-spacing:-.065em;line-height:.82;margin:12px 0 20px}.hero p{font-size:19px;color:var(--muted);margin:0}.kicker{font-size:11px;letter-spacing:.22em;color:var(--cyan);font-weight:900}.hero-current{display:flex;align-items:center;gap:16px;padding:22px 25px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.06);box-shadow:var(--shadow);min-width:330px}.hero-icon{font-size:50px}.hero-current>strong{font-size:64px;letter-spacing:-.06em}.hero-current div b,.hero-current div small{display:block}.hero-current div small{color:var(--muted);margin-top:5px}.wrap{max-width:1220px;margin:auto;padding:0 20px 70px}.notice{background:#fff1b8;color:#382d00;padding:12px 16px;border-radius:12px;margin-bottom:18px}.now-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.signal{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055)}.signal span,.signal small{display:block;color:var(--muted);font-size:12px}.signal b{display:block;font-size:25px;margin:8px 0}.level-low{box-shadow:inset 0 3px 0 var(--green)}.level-medium{box-shadow:inset 0 3px 0 var(--amber)}.level-high{box-shadow:inset 0 3px 0 var(--red)}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}.metrics article{padding:18px;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:16px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics b{display:block;font-size:23px;margin-top:7px}.panel{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:24px;padding:26px;margin:22px 0;box-shadow:var(--shadow)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2{font-size:30px;margin:5px 0 0;letter-spacing:-.035em}.section-title p,.muted{color:var(--muted)}.bulletin p{font-size:20px;line-height:1.55;max-width:1000px;margin:0}.live-dot,.count-badge{font-size:11px;font-weight:900;color:var(--green);border:1px solid rgba(75,224,173,.35);padding:6px 9px;border-radius:999px}.hourly{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(105px,1fr);gap:10px;overflow:auto;padding-bottom:5px}.hour{background:rgba(0,0,0,.14);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}.hour time,.hour small{display:block;color:var(--muted);font-size:12px}.hour-icon{font-size:29px;display:block;margin:9px 0}.hour b{font-size:22px}.hour small{margin-top:6px}.days{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.day{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.14)}.day:hover{border-color:rgba(102,212,255,.55);transform:translateY(-2px)}.day>span{font-weight:900}.day i{display:block;font-style:normal;font-size:38px;margin:14px 0}.day b{font-size:27px}.day b small{color:var(--muted)}.day p{margin:9px 0}.day>small{color:var(--muted)}.focus-big{display:flex;align-items:center;gap:22px}.focus-big>span{font-size:70px}.focus-big b{font-size:44px}.focus-big p{margin:4px 0;color:var(--muted)}.focus-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.focus-stats span{padding:10px 13px;background:rgba(0,0,0,.16);border-radius:10px}.map{height:560px;border-radius:18px;overflow:hidden;background:#07131d}.source-line{font-size:11px;color:var(--muted);margin-top:10px}.radar-controls{display:flex;gap:8px}.radar-controls button{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;border-radius:9px;padding:9px 11px;cursor:pointer}.alert-item{padding:15px 0;border-top:1px solid var(--line)}.alert-item p{line-height:1.45}.alert-item small{color:var(--muted)}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.location-grid a{display:flex;justify-content:space-between;padding:14px 16px;background:rgba(0,0,0,.14);border:1px solid var(--line);border-radius:12px;font-weight:800}.location-grid a:hover{border-color:rgba(102,212,255,.6);transform:translateY(-1px)}.sponsor-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 25px;border-radius:20px;margin:22px 0;background:linear-gradient(115deg,#dff7ff,#eef6ff);color:#061725}.sponsor-card strong{display:block;font-size:24px}.sponsor-card p{margin:5px 0 0;color:#45606e}.sponsor-cta{background:#061725;color:#fff;padding:12px 14px;border-radius:11px;font-weight:800;white-space:nowrap}.ad-label{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:900;opacity:.65;display:block;margin-bottom:7px}.ad-shell{min-height:120px;padding:10px;margin:22px 0;border:1px dashed var(--line);border-radius:16px}.disclaimer{color:var(--muted);font-size:12px;text-align:center;margin:32px auto;max-width:800px}footer{border-top:1px solid var(--line);padding:34px max(20px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;color:var(--muted);font-size:13px}footer strong{color:#fff}.foot-links{display:flex;justify-content:center;gap:15px}.powered{text-align:right}.powered a{color:var(--cyan);font-weight:800}.leaflet-popup-content-wrapper{background:#071d2c;color:white;border-radius:14px}.leaflet-popup-tip{background:#071d2c}@media(max-width:980px){nav a:not(.lang){display:none}.hero{align-items:flex-start;flex-direction:column}.hero-current{width:100%}.now-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}.location-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}.foot-links{justify-content:flex-start}.powered{text-align:left}}@media(max-width:560px){.site-header{height:70px}.brand-mark{width:38px;height:38px}.hero{min-height:285px;padding-top:42px}.hero h1{font-size:64px}.hero-current{min-width:0;padding:17px}.hero-current>strong{font-size:51px}.now-grid,.metrics{grid-template-columns:repeat(2,1fr)}.panel{padding:18px;border-radius:19px}.map{height:470px}.days,.location-grid{grid-template-columns:1fr}.sponsor-card{align-items:flex-start;flex-direction:column}.section-title{align-items:flex-start;flex-direction:column}.bulletin p{font-size:17px}.focus-big>span{font-size:52px}.focus-big b{font-size:34px}}

.header-btn{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);width:37px;height:37px;border-radius:9px;cursor:pointer;font-size:16px}
.header-btn:hover{border-color:rgba(102,212,255,.6)}
.saved-location-banner,.location-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 15px;border:1px solid rgba(102,212,255,.35);background:rgba(102,212,255,.09);border-radius:13px}
.saved-location-banner button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);padding:8px 11px;border-radius:8px;cursor:pointer}
.location-status[hidden]{display:none}

html[data-theme="light"]{
 --bg:#eef5f8;--bg2:#dcecf3;--panel:#ffffff;--text:#102331;--muted:#607684;
 --line:rgba(4,30,45,.13);--shadow:0 20px 55px rgba(35,70,90,.12);
}
html[data-theme="light"] body{
 background:radial-gradient(circle at 85% -10%,#bfe8f5 0,transparent 35%),linear-gradient(180deg,#e5f4f9,#f5f9fb 42%);
}
html[data-theme="light"] .site-header{background:rgba(247,251,253,.92)}
html[data-theme="light"] .panel,
html[data-theme="light"] .metrics article,
html[data-theme="light"] .signal{background:rgba(255,255,255,.84)}
html[data-theme="light"] .hour,
html[data-theme="light"] .day,
html[data-theme="light"] .location-grid a{background:rgba(10,40,58,.035)}
html[data-theme="light"] .hero-current{background:rgba(255,255,255,.72)}
html[data-theme="light"] .radar-controls button,
html[data-theme="light"] .header-btn,
html[data-theme="light"] .saved-location-banner button{background:rgba(10,40,58,.04);color:var(--text)}
html[data-theme="light"] .leaflet-popup-content-wrapper{background:white;color:#102331}
html[data-theme="light"] .leaflet-popup-tip{background:white}
html[data-theme="light"] footer strong{color:var(--text)}
@media(max-width:980px){nav .header-btn{display:inline-grid;place-items:center}}

.now-grid + .panel{margin-top:12px}
.now-grid + .panel .section-title{margin-bottom:12px}
.analytics-on{color:var(--green);font-size:10px;font-weight:800}