:root{--ink:#07101f;--panel:#101d30;--panel2:#15263d;--orange:#ff7a1a;--orange2:#ff9c52;--white:#f7f9fc;--muted:#9eacc0;--line:#2a3a50;--danger:#ff445d;--ok:#3cdca0;--shadow:0 22px 70px rgba(0,0,0,.28)}
    *{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 5%,rgba(34,75,120,.26),transparent 34%),linear-gradient(145deg,#050b14 0%,var(--ink) 55%,#0a1728 100%);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:44px 44px}
    .shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:26px 0 54px;position:relative}
    header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;display:grid;place-items:center;background:var(--orange);border-radius:10px;box-shadow:0 8px 25px rgba(255,122,26,.24)}.mark svg{width:25px}.name{font-weight:900;font-size:1.3rem;letter-spacing:-.03em}.name span{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:16px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.86rem}.dot{width:8px;height:8px;border-radius:99px;background:var(--ok);box-shadow:0 0 0 5px rgba(60,220,160,.1)}.discord{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,122,26,.55);border-radius:9px;padding:10px 14px;color:var(--white);text-decoration:none;font-size:.86rem;font-weight:900;transition:.18s background,.18s border-color}.discord:hover{background:rgba(255,122,26,.12);border-color:var(--orange)}
    .card{background:linear-gradient(145deg,rgba(20,37,61,.94),rgba(11,24,41,.94));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
    .search-card{padding:clamp(22px,4vw,34px);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);gap:28px;align-items:center}.search-card:after{content:"";position:absolute;width:240px;height:240px;border:46px solid rgba(255,122,26,.055);border-radius:50%;right:-90px;top:-95px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--orange2);font-weight:800;font-size:.75rem;margin:0 0 8px}.search-card h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1;letter-spacing:-.055em;margin:0 0 10px}.intro{color:var(--muted);margin:0;line-height:1.55}
    form{display:flex;gap:10px;position:relative;z-index:1}input{width:100%;min-width:0;background:#07111f;border:1px solid #394b64;border-radius:10px;color:white;font:inherit;font-weight:700;padding:15px;outline:none}input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,122,26,.12)}button{border:0;border-radius:10px;background:var(--orange);color:#101010;font:inherit;font-weight:900;padding:14px 20px;white-space:nowrap;cursor:pointer;transition:.18s transform,.18s background}button:hover{background:#ff9140;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait;transform:none}
    .radar-card{margin-top:18px;overflow:hidden}.radar-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid var(--line)}.radar-head h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin:0}.radar-meta{color:var(--muted);font-size:.8rem}.map-wrap{position:relative;background:#07111f}.map{height:clamp(330px,47vw,570px);width:100%;z-index:1}.radar-error{position:absolute;inset:0;z-index:2;display:none;place-items:center;padding:30px;text-align:center;color:var(--muted);background:#0b1828}.leaflet-control-attribution{font-size:10px!important;background:rgba(7,16,31,.82)!important;color:#c4cfdd!important}.leaflet-control-attribution a{color:#ff9c52!important}.leaflet-control-zoom a{background:#101d30!important;color:#f7f9fc!important;border-color:#2a3a50!important}.radar-legend{position:absolute;z-index:500;left:14px;bottom:25px;padding:7px 10px;border-radius:8px;background:rgba(7,16,31,.86);color:#dce4ef;font-size:.72rem;font-weight:800;box-shadow:0 5px 20px rgba(0,0,0,.3)}
    .local-radar-card{margin-top:18px;overflow:hidden}.local-map{height:390px;width:100%;z-index:1}.location-pulse{filter:drop-shadow(0 0 5px rgba(255,122,26,.9))}
    .results{display:none}.results.visible{display:block}.result-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-top:18px}
    .alert-card{padding:24px;display:flex;flex-direction:column;min-height:250px}.alert-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:16px}.alert-head h2,.section-head h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin:0}.badge{font-size:.75rem;font-weight:900;border-radius:99px;padding:6px 10px;background:rgba(158,172,192,.1);color:var(--muted)}.badge.active{background:rgba(255,68,93,.14);color:#ff8293}.alert-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding-top:18px}.alert-content h3{font-size:1.35rem;margin:0 0 7px}.alert-content p{margin:0;color:var(--muted);line-height:1.55}.alert-item{border-left:3px solid var(--danger);padding:2px 0 2px 15px;margin:8px 0}.alert-item small{color:#ff9ca9;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.alert-item h3{margin:5px 0}.alert-link{color:var(--orange2);font-weight:800;margin-top:7px;background:none;padding:0;text-align:left}.alert-link:hover{background:none;transform:none;text-decoration:underline}
    .weather{padding:26px}.current-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.place{color:var(--muted);margin:4px 0 14px}.temp-row{display:flex;align-items:flex-start;gap:10px}.temp{font-size:clamp(4.3rem,10vw,7.4rem);font-weight:900;letter-spacing:-.08em;line-height:.86}.degree{font-size:1.8rem;color:var(--orange);font-weight:900}.condition{font-size:1.12rem;font-weight:800;margin-top:18px}.updated{font-size:.78rem;color:var(--muted);margin-top:8px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.metric{background:rgba(7,16,31,.62);border:1px solid var(--line);border-radius:13px;padding:16px}.metric-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}.metric-value{font-size:1.18rem;font-weight:850}
    .forecast{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.source{font-size:.78rem;color:var(--muted)}.periods{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.period{padding:17px;background:linear-gradient(145deg,rgba(21,38,61,.96),rgba(10,23,40,.96));border:1px solid var(--line);border-radius:15px}.period-name{font-size:.82rem;color:var(--orange2);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.period-temp{font-size:1.8rem;font-weight:900;margin:9px 0 4px}.period-short{color:var(--muted);font-size:.88rem;line-height:1.35}.severe-flag{display:inline-block;color:#ff9ca9;font-size:.72rem;font-weight:900;margin-top:10px;text-transform:uppercase}
    .loading,.error,.empty{color:var(--muted)}.skeleton{height:14px;border-radius:8px;background:linear-gradient(90deg,#18283f 25%,#233956 50%,#18283f 75%);background-size:200% 100%;animation:shine 1.4s infinite;margin:9px 0}.skeleton.big{height:62px;width:55%}@keyframes shine{to{background-position:-200% 0}}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.78rem;margin-top:24px;padding:0 3px}footer a{color:var(--orange2);text-decoration:none}
    @media(max-width:820px){.search-card,.result-top,.current-grid{grid-template-columns:1fr}.periods{grid-template-columns:repeat(2,1fr)}.alert-card{min-height:210px}}
    @media(max-width:520px){.shell{width:min(100% - 22px,1180px);padding-top:18px}header{margin-bottom:18px}.header-actions{gap:10px}.status{display:none}.discord{padding:9px 11px}.search-card,.weather,.alert-card,.radar-card,.local-radar-card{border-radius:16px}.search-card{padding:24px 19px;gap:20px}form{flex-direction:column}input{width:100%}button{width:100%}.radar-head{align-items:flex-start;flex-direction:column;gap:5px}.map{height:390px}.local-map{height:330px}.weather{padding:20px}.metrics{grid-template-columns:1fr 1fr}.periods{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.period{min-width:158px;scroll-snap-align:start}.temp{font-size:5.4rem}footer{flex-direction:column}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

[hidden]{display:none!important}.radar-legend,.search-card:after{pointer-events:none}.map,.local-map{isolation:isolate}.brand{color:inherit;text-decoration:none}.back-link{display:inline-block;color:var(--orange2);margin-bottom:16px}.discord{position:relative;z-index:2}

.radar-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.radar-play,.refresh-data{width:auto;background:#07111f;color:var(--white);border:1px solid #394b64;padding:8px 12px;font-size:.78rem}.radar-play:hover,.refresh-data:hover{background:#172943;border-color:var(--orange);transform:none}.radar-play[aria-pressed="true"]{border-color:rgba(255,122,26,.75);color:var(--orange2)}
.freshness-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:12px 14px;background:rgba(7,17,31,.8);border:1px solid var(--line);border-radius:14px}.freshness-items{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.freshness-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:rgba(158,172,192,.1);color:var(--muted);font-size:.76rem;font-weight:850}.freshness-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.freshness-chip.fresh{color:var(--ok);background:rgba(60,220,160,.1)}.freshness-chip.delayed{color:#ffd166;background:rgba(255,209,102,.1)}.freshness-chip.unavailable{color:#ff8293;background:rgba(255,68,93,.12)}.freshness-chip.loading:before{animation:fresh-pulse 1.1s infinite}@keyframes fresh-pulse{50%{opacity:.28}}
.warning-banner{margin-top:18px}.warning-item{position:relative;overflow:hidden;border:2px solid #ff973d;border-left-width:8px;border-radius:16px;padding:22px;background:linear-gradient(135deg,#35170b,#160e0d 72%);box-shadow:0 18px 45px rgba(255,122,26,.18)}.warning-item+.warning-item{margin-top:12px}.warning-item.tornado{border-color:#ff304d;background:linear-gradient(135deg,#47101b,#180b10 72%);box-shadow:0 18px 45px rgba(255,48,77,.22)}.warning-top{display:flex;justify-content:space-between;gap:16px;align-items:center;color:#ffd6ca;font-size:.82rem;font-weight:800}.warning-label{display:inline-block;padding:7px 10px;border-radius:7px;background:#ff7a1a;color:#130b06;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.warning-item.tornado .warning-label{background:#ff304d;color:#fff}.warning-item h2{font-size:clamp(1.3rem,3vw,2rem);margin:14px 0 8px}.warning-item p{color:#f2d9d2;line-height:1.55;white-space:pre-line}.warning-item details{margin:16px 0}.warning-item summary{cursor:pointer;color:#fff;font-weight:900}.warning-instructions{margin-top:10px;padding:14px;border-radius:10px;background:rgba(0,0,0,.28);color:#f6e7e2;line-height:1.55;white-space:pre-line}.warning-item a{color:#fff;font-weight:900}
.hourly-section{margin-top:22px}.hourly-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 12px;scrollbar-color:var(--orange) #07111f}.hour-card{flex:0 0 184px;scroll-snap-align:start;min-height:255px;padding:16px;background:linear-gradient(145deg,rgba(21,38,61,.96),rgba(10,23,40,.96));border:1px solid var(--line);border-radius:15px}.hour-time{font-weight:900;color:var(--orange2)}.hour-time span{color:var(--muted);font-size:.75rem;margin-left:4px}.hour-temp{font-size:2rem;font-weight:950;letter-spacing:-.04em;margin:12px 0 5px}.hour-condition{height:42px;color:#dce4ef;font-size:.82rem;line-height:1.3;overflow:hidden}.hour-card dl{display:grid;gap:7px;margin:14px 0 0}.hour-card dl div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid rgba(42,58,80,.75);padding-top:7px}.hour-card dt{color:var(--muted);font-size:.73rem}.hour-card dd{margin:0;text-align:right;font-size:.75rem;font-weight:850}
.storm-timeline-card{margin-top:18px;padding:22px}.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.timeline-head h2{margin:0;font-size:1.35rem}.timeline-updated{color:var(--muted);font-size:.78rem;font-weight:800}.storm-timeline{position:relative;display:grid;gap:0}.storm-timeline:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--orange),rgba(255,122,26,.12))}.timeline-event{position:relative;display:grid;grid-template-columns:40px minmax(118px,.35fr) minmax(0,1fr);gap:14px;align-items:start;padding:10px 0}.timeline-marker{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--orange);border-radius:50%;background:#0a1728;color:var(--orange2);font-weight:950}.timeline-event.warning .timeline-marker{border-color:#ff304d;background:#ff304d;color:#fff}.timeline-event.storm .timeline-marker{box-shadow:0 0 20px rgba(255,122,26,.25)}.timeline-event.quiet .timeline-marker{border-color:var(--ok);color:var(--ok)}.timeline-time{padding-top:9px;color:var(--orange2);font-size:.82rem;font-weight:900;font-variant-numeric:tabular-nums}.timeline-copy{padding:7px 0 13px;border-bottom:1px solid rgba(42,58,80,.8)}.timeline-event:last-child .timeline-copy{border-bottom:0}.timeline-copy h3{margin:0 0 5px;font-size:1rem}.timeline-copy p,.timeline-note,.timeline-unavailable{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.timeline-note{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.timeline-loading{width:100%;padding:8px 0}
.spc-local-card{margin-top:18px;padding:22px}.spc-local-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.spc-local-head h2{margin:0;font-size:1.35rem}.spc-local-head a{color:var(--orange2);font-size:.84rem;font-weight:900}.spc-risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spc-risk{position:relative;overflow:hidden;padding:16px;border:1px solid var(--line);border-top:5px solid #728098;border-radius:12px;background:#091525}.spc-risk:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;right:-38px;top:-45px;background:var(--risk,#728098);opacity:.14}.spc-risk.tstm{--risk:#55bb55;border-top-color:#55bb55}.spc-risk.marginal{--risk:#005500;border-top-color:#66a366}.spc-risk.slight{--risk:#ddaa00;border-top-color:#ffe066}.spc-risk.enhanced{--risk:#ff6600;border-top-color:#ffa366}.spc-risk.moderate{--risk:#cc0000;border-top-color:#e06666}.spc-risk.high{--risk:#cc00cc;border-top-color:#ee99ee}.spc-risk.unavailable{--risk:#ff445d;border-top-color:#ff445d}.spc-day{color:var(--muted);font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.spc-level{font-size:1.2rem;font-weight:950;margin-top:5px}.spc-risk p{min-height:38px;color:var(--muted);font-size:.8rem;line-height:1.45;margin:7px 0}.spc-risk small{color:#c7d1df;font-size:.7rem}.spc-note{margin:14px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}
@media(max-width:720px){.freshness-bar,.warning-top,.spc-local-head{align-items:flex-start;flex-direction:column}.spc-risk-grid{grid-template-columns:1fr}.radar-tools{width:100%;justify-content:space-between}.radar-play{flex:0 0 auto}.warning-item{padding:18px}.hour-card{flex-basis:168px}}
@media(max-width:720px){.timeline-head{flex-direction:column;gap:6px}.timeline-event{grid-template-columns:40px 1fr;gap:0 12px}.timeline-time{grid-column:2;padding-top:2px}.timeline-copy{grid-column:2;padding-top:4px}.timeline-marker{grid-row:1/span 2}}

.watchlist-card{margin-top:18px;padding:20px}.watchlist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.watchlist-head h2{margin:0;font-size:1.25rem}.watchlist-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.watchlist-action{width:auto;background:#07111f;color:var(--white);border:1px solid #394b64;padding:10px 13px;font-size:.8rem}.watchlist-action:hover{background:#172943;border-color:var(--orange);transform:none}.watchlist-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.watchlist-empty{color:var(--muted);font-size:.86rem}.saved-location{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#091525}.saved-location a{display:flex;flex-direction:column;justify-content:center;padding:9px 12px;color:var(--white);text-decoration:none;font-size:.84rem;font-weight:850}.saved-location a:hover{background:#14243a}.saved-location small{color:var(--muted);font-size:.68rem;margin-top:2px}.saved-location button{width:auto;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:#ff9ca9;padding:8px 10px;font-size:.72rem}.saved-location button:hover{background:rgba(255,68,93,.12);transform:none}.watchlist-status{margin:12px 0 0;color:var(--muted);font-size:.75rem;line-height:1.4}.watchlist-status.success{color:var(--ok)}.watchlist-status.error{color:#ff9ca9}
.storm-mode-active:after{content:"";position:fixed;z-index:9999;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff304d,#ff7a1a,#ff304d);box-shadow:0 0 22px rgba(255,48,77,.75);pointer-events:none}.storm-mode-active .local-radar-card{border-color:#ff304d;box-shadow:0 22px 70px rgba(255,48,77,.17)}.storm-mode-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:12px 15px;border-radius:12px;background:linear-gradient(90deg,#ff304d,#b40f2a);color:#fff;box-shadow:0 12px 30px rgba(255,48,77,.2)}.storm-mode-strip strong{text-transform:uppercase;letter-spacing:.08em}.storm-mode-strip span{font-size:.82rem;font-weight:750}.warning-countdown{display:inline-block;margin-top:13px;color:#fff;font-size:1.05rem;font-weight:950;font-variant-numeric:tabular-nums}.warning-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.warning-actions button{width:auto;background:#fff;color:#311016;padding:10px 14px;font-size:.82rem}.warning-actions button:hover{background:#ffe9ed;transform:none}.leaflet-interactive{transition:stroke .15s,fill .15s}
@media(max-width:720px){.watchlist-head,.storm-mode-strip{align-items:flex-start;flex-direction:column}.watchlist-actions{justify-content:flex-start}.warning-actions{align-items:flex-start;flex-direction:column}.warning-actions button{width:100%}}