:root{color-scheme:dark;--bg: #070605;--bg-2: #0d0c0a;--panel: rgba(14, 12, 10, .82);--panel-solid: #12100e;--line: rgba(255, 176, 0, .22);--line-dim: rgba(125, 255, 107, .12);--text: #f3ead6;--muted: #9a8f78;--faint: #6b6356;--live: #7dff6b;--gold: #ffb000;--cyan: #3de0ff;--rain: #3de0ff;--hot: #ff4d2e;--magenta: #ff2a6d;--shadow: 0 24px 60px rgba(0, 0, 0, .55);--font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--display: "Chakra Petch", "Segoe UI", sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{background-color:var(--bg);background-image:radial-gradient(1200px 520px at 8% -20%,rgba(255,176,0,.08),transparent 50%),radial-gradient(900px 480px at 100% 0%,rgba(61,224,255,.06),transparent 46%),linear-gradient(180deg,#070605,#0c0b09 42%,#050403);min-height:100vh}body:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:40;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}body:after{content:"";pointer-events:none;position:fixed;inset:0;z-index:39;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}button{font-family:inherit}::selection{background:#ffb00059;color:#070605}html[data-season=front] body{background-image:radial-gradient(1000px 500px at 10% -10%,rgba(80,140,180,.16),transparent 52%),radial-gradient(800px 420px at 100% 0%,rgba(180,210,230,.08),transparent 46%),linear-gradient(180deg,#07090c,#0c1116,#05070a)}html[data-season=winter] body{background-image:radial-gradient(1000px 500px at 10% -10%,rgba(160,210,255,.14),transparent 52%),linear-gradient(180deg,#05070a,#0a1016,#030406)}html[data-season=summer] body{background-image:radial-gradient(1200px 520px at 8% -20%,rgba(255,176,0,.08),transparent 50%),radial-gradient(900px 480px at 100% 0%,rgba(61,224,255,.06),transparent 46%),linear-gradient(180deg,#070605,#0c0b09 42%,#050403)}html[data-night="1"] body{background-color:#04050a}html[data-night="1"][data-season=summer] body{background-image:radial-gradient(900px 420px at 50% -8%,rgba(48,62,110,.22),transparent 55%),linear-gradient(180deg,#05060c,#08070b 48%,#030208)}html[data-night="1"][data-season=front] body{background-image:radial-gradient(900px 420px at 50% -8%,rgba(40,70,110,.2),transparent 55%),linear-gradient(180deg,#04070c,#070b10,#020406)}html[data-night="1"][data-season=winter] body{background-image:radial-gradient(900px 420px at 50% -8%,rgba(90,140,190,.12),transparent 55%),linear-gradient(180deg,#04070c,#071018,#020306)}html[data-night="1"] body:after{background:radial-gradient(ellipse at 50% 18%,transparent 12%,rgba(0,0,0,.62) 100%)}html[data-sky=golden] body{background-color:#120a06}html[data-sky=golden][data-season=summer] body{background-image:radial-gradient(1000px 480px at 80% -8%,rgba(255,140,40,.28),transparent 52%),radial-gradient(800px 420px at 10% 100%,rgba(255,80,40,.1),transparent 48%),linear-gradient(180deg,#1a0e08,#120c08 48%,#080605)}html[data-sky=civil] body{background-color:#0a0810}html[data-sky=civil][data-season=summer] body{background-image:radial-gradient(1000px 460px at 85% 0%,rgba(180,70,130,.22),transparent 55%),radial-gradient(800px 400px at 15% 110%,rgba(40,60,140,.16),transparent 50%),linear-gradient(180deg,#120816,#0a0a12,#05060a)}html[data-sky=civil] body:after,html[data-sky=golden] body:after{background:radial-gradient(ellipse at 50% 18%,transparent 18%,rgba(0,0,0,.45) 100%)}.wx-canvas,.wx-heat,.wx-flash{position:fixed;inset:0;pointer-events:none}.wx-canvas,.wx-heat,.wx-flash{z-index:0}html[data-scorch="1"] .wx-heat{background:radial-gradient(ellipse at 50% 110%,rgba(255,90,20,.22),transparent 55%);animation:haze 6s ease-in-out infinite}html[data-storm="1"] .wx-flash{animation:none}@keyframes haze{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.8;transform:translateY(-8px)}}.shell{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:28px 22px 48px}.shell.flash .temp{text-shadow:0 0 28px rgba(255,176,0,.45)}.hero-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.brand{display:flex;gap:14px;align-items:center;min-width:0}.palm{width:36px;height:36px;fill:var(--gold);filter:drop-shadow(0 0 10px rgba(255,176,0,.45))}.kicker,.provided{margin:0;letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--gold);font-family:var(--mono)}.provided{color:var(--muted);letter-spacing:.14em}.brand-heading{display:flex;align-items:center;gap:10px;min-width:0}.brand h1{font-family:var(--display);font-weight:600;font-size:clamp(26px,4vw,40px);margin:2px 0 4px;letter-spacing:.04em;text-transform:uppercase}.title-moon{width:52px;height:52px;flex:none;display:block;filter:drop-shadow(0 0 12px rgba(255,236,196,.4))}.status{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;flex:none;color:var(--muted);font-size:13px;font-family:var(--mono)}.status-copy{text-align:right;min-width:12.5rem}.status strong{display:block;color:var(--text);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.status-meta{display:block;margin-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.06em}.fx{background:transparent;color:var(--faint);border:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;padding:4px 8px;cursor:pointer}.fx.on{color:#070605;background:var(--gold);border-color:var(--gold)}.pulse-slot{width:22px;height:22px;display:grid;place-items:center;overflow:visible}.pulse{width:8px;height:8px;border-radius:1px;background:var(--faint);box-shadow:0 0 #7dff6b80}.pulse.live{background:var(--live);animation:beat 1.8s ease-out infinite}.pulse.lag{background:var(--gold)}.pulse.stale,.pulse.offline{background:var(--hot)}.pulse.hazard.watch{background:var(--gold);animation:beat-gold 1.8s ease-out infinite}.pulse.hazard.warning{background:var(--hot);animation:beat-hot 1.1s ease-out infinite,hazard-flicker 2.4s steps(2,end) infinite}.pulse.lg{width:12px;height:12px}.hazard-chip{display:inline-flex;align-items:center;gap:8px;max-width:14rem;padding:4px 10px 4px 8px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:11px;background:#ffb0001a;animation:hazard-glow-watch 1.6s ease-in-out infinite}.hazard-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hazard-chip.warning{border-color:var(--hot);color:var(--hot);background:#ff4d2e1f;animation:hazard-glow-warn .9s ease-in-out infinite}.hazard-banner{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:16px 18px;border:1px solid var(--gold);background:#ffb0001a;box-shadow:0 0 24px #ffb00047;animation:hazard-glow-watch 1.6s ease-in-out infinite}.hazard-banner.warning{border-color:var(--hot);background:#ff4d2e1f;animation:hazard-glow-warn .9s ease-in-out infinite,hazard-flicker 2.8s steps(2,end) infinite}.hazard-kicker{margin:0 0 2px;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hazard-banner h2{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(18px,2.6vw,28px);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 18px rgba(255,176,0,.55)}.hazard-banner.warning h2{color:var(--hot);text-shadow:0 0 22px rgba(255,77,46,.7)}.hazard-detail{margin:6px 0 0;color:var(--text);font-family:var(--mono);font-size:13px;letter-spacing:.04em}@keyframes beat{0%{box-shadow:0 0 #7dff6b8c}70%{box-shadow:0 0 0 10px #7dff6b00}to{box-shadow:0 0 #7dff6b00}}@keyframes beat-gold{0%{box-shadow:0 0 #ffb00099}70%{box-shadow:0 0 0 10px #ffb00000}to{box-shadow:0 0 #ffb00000}}@keyframes beat-hot{0%{box-shadow:0 0 #ff4d2ea6}70%{box-shadow:0 0 0 11px #ff4d2e00}to{box-shadow:0 0 #ff4d2e00}}@keyframes hazard-glow-watch{0%,to{box-shadow:0 0 8px #ffb00038;border-color:#ffb00073}50%{box-shadow:0 0 28px #ffb000b3;border-color:var(--gold)}}@keyframes hazard-glow-warn{0%,to{box-shadow:0 0 10px #ff4d2e47;border-color:#ff4d2e8c}50%{box-shadow:0 0 36px #ff4d2ed9;border-color:var(--hot)}}@keyframes hazard-flicker{0%,18%,22%,76%,80%,to{opacity:1}20%,78%{opacity:.62}}@media(prefers-reduced-motion:reduce){.pulse.live,.pulse.hazard.watch,.pulse.hazard.warning,.hazard-chip,.hazard-banner{animation:none}}.hero{display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);position:relative}.hero:before,.hero:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--gold);pointer-events:none}.hero:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.hero:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.condition{margin:0;color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-family:var(--mono)}.temp{font-family:var(--display);font-size:clamp(72px,12vw,128px);line-height:.9;margin:8px 0 10px;letter-spacing:-.02em;font-weight:600;font-variant-numeric:tabular-nums}.temp span{font-size:.28em;color:var(--muted);margin-left:4px;font-family:var(--mono)}.feels,.extremes{margin:0;color:var(--muted);font-family:var(--mono);letter-spacing:.04em}.extremes{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:6px}.alerts{display:grid;gap:8px;margin:0 0 18px}.alert{border:1px solid var(--gold);padding:10px 14px;display:flex;flex-direction:column;gap:4px;font-family:var(--mono);background:#ffb00014;box-shadow:0 0 18px #ffb00033}.alert.severe,.alert.extreme{border-color:var(--hot);background:#ff4d2e1a;box-shadow:0 0 22px #ff4d2e47;animation:beat-hot 2.2s ease-out infinite}.alert strong{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--gold)}.alert.severe strong,.alert.extreme strong{color:var(--hot)}.alert span{color:var(--text);font-size:13px}.batt-warn{display:flex;gap:12px;align-items:baseline;border:1px solid var(--hot);padding:10px 14px;margin:14px 0 0;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.batt-warn strong{color:var(--hot)}.rose-wrap{display:flex;flex-direction:column;align-items:center;justify-self:center;width:100%;max-width:220px}.rose{width:100%}.rose-label{fill:var(--muted);font-size:10px;font-family:var(--mono)}.rose-gust{margin:6px 0 0;color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.hero-stats label,.strip label{display:block;color:var(--faint);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--mono)}.hero-stats b,.strip b{display:block;font-size:22px;font-weight:500;margin:4px 0 2px;font-variant-numeric:tabular-nums}.hero-stats small{color:var(--muted);font-size:12px;font-family:var(--mono)}.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;margin:18px 0 28px}.strip small{color:var(--muted);font-size:11px;font-family:var(--mono);letter-spacing:.02em}.strip article{padding:14px 16px;border:1px solid var(--line-dim);background:#0e0c0ab3}.marine{margin:0 0 28px;padding:18px 18px 14px;border:1px solid var(--line);background:#0e0c0ab8}.marine-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.marine-head h2{margin:0;font-family:var(--display);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:14px;color:var(--gold)}.marine-head p{margin:0;color:var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.08em}.marine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.marine-grid article{padding:12px 14px;border:1px solid var(--line-dim)}.marine-grid label{display:block;color:var(--faint);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--mono)}.marine-grid b{display:block;font-size:20px;font-weight:500;margin:4px 0 2px;font-variant-numeric:tabular-nums}.marine-grid .call b{text-transform:capitalize}.marine-grid small{color:var(--muted);font-size:11px;font-family:var(--mono)}.marine-grid .call.go{border-color:#7dff6b73}.marine-grid .call.go b{color:var(--live)}.marine-grid .call.caution{border-color:#ffb00080}.marine-grid .call.caution b{color:var(--gold)}.marine-grid .call.no{border-color:#ff4d2e8c}.marine-grid .call.no b{color:var(--hot)}.marine-note{margin:12px 0 0;color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:.04em}.charts-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.charts-head h2{font-family:var(--display);font-weight:600;margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:14px;color:var(--gold)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.marine-pills{flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto}.marine-pills button{padding:5px 10px;font-size:11px;letter-spacing:.06em}.pills button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:6px 12px;cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.pills button.on{color:#070605;background:var(--gold);border-color:var(--gold)}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{border:1px solid var(--line-dim);padding:14px 14px 8px;background:#0e0c0ab3}.panel h3{margin:0 0 4px 8px;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-family:var(--mono)}.chart{height:220px}footer{display:flex;justify-content:space-between;margin-top:28px;color:var(--faint);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--mono)}@media(max-width:980px){.hero,.charts,.strip{grid-template-columns:1fr}.hero-bar{flex-direction:column;align-items:stretch}.status{align-self:flex-end}.strip{grid-template-columns:1fr 1fr}.marine-head{flex-direction:column;align-items:flex-start}.hazard-banner{align-items:flex-start}.hazard-chip{max-width:100%}.title-moon{width:40px;height:40px}}