:root{--ink:#0c1c2c;--muted:#5b6b7a;--line:#e2e8ef;--card:#ffffff;--bg:#f3f7fb;--accent:#0b6bcb;--ok:#1a7f4b;--ok-bg:#e7f6ee;--caution:#9a6700;--caution-bg:#fdf3da;--warning:#b54708;--warning-bg:#fde7d6;--closed:#b42318;--closed-bg:#fde4e1;--unknown:#5b6b7a;--unknown-bg:#eef2f6}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}main{max-width:640px;margin:0 auto;padding:20px 16px 48px}.head{padding:8px 0 4px}.kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--accent)}h1{margin:2px 0 4px;font-size:30px;line-height:1.1}.sub{margin:0 0 8px;color:var(--muted)}section{margin-top:24px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.banner{display:flex;align-items:center;gap:12px;padding:18px;border-radius:14px;font-size:20px;font-weight:700;border:1px solid var(--line)}.banner .dot{width:14px;height:14px;border-radius:50%;flex:none;background:currentColor}.banner.ok{color:var(--ok);background:var(--ok-bg)}.banner.caution{color:var(--caution);background:var(--caution-bg)}.banner.warning{color:var(--warning);background:var(--warning-bg)}.banner.closed{color:var(--closed);background:var(--closed-bg)}.banner.unknown{color:var(--unknown);background:var(--unknown-bg);font-size:16px}.issues{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-gap:8px;gap:8px}.issues li{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--warning);border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.issues strong{font-size:15px}.issues span{color:var(--ink)}.issues em{flex-basis:100%;color:var(--muted);font-style:normal;font-size:14px}.stations{display:grid;grid-gap:12px;gap:12px}.station{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.station h3{margin:0 0 10px;font-size:18px}.station .note{font-size:12px;font-weight:500;color:var(--muted)}.days{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.day{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:10px 6px;background:var(--bg);border-radius:10px}.dlabel{font-size:12px;font-weight:700;color:var(--muted)}.dicon{font-size:30px;line-height:1}.temp{font-size:18px;font-weight:700}.tmin{color:var(--muted);font-weight:500;font-size:14px}.wind{font-size:13px;font-weight:700;padding:1px 8px;border-radius:999px}.wind.ok{color:var(--ok);background:var(--ok-bg)}.wind.caution{color:var(--caution);background:var(--caution-bg)}.wind.strong{color:var(--closed);background:var(--closed-bg)}.cond{font-size:12px;color:var(--muted);min-height:2.6em}.summary{margin:10px 0 0;font-size:15px;font-weight:600;color:var(--ink);background:#eaf2fb;border:1px solid #d3e3f5;border-radius:10px;padding:10px 12px}.lead{margin:0 0 12px;color:var(--muted);font-size:14px}.sub-h{font-size:15px;margin:22px 0 8px}.liveStations{display:grid;grid-gap:10px;gap:10px}.liveCard{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.liveCard .liveName{font-weight:700;font-size:15px}.liveCard .liveNote{font-size:12px;color:var(--muted)}.liveCard .liveGo{margin-left:auto;font-size:13px;font-weight:700;color:var(--accent)}.livedot{width:9px;height:9px;border-radius:50%;background:#e0322d;box-shadow:0 0 0 0 rgba(224,50,45,.6);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,50,45,.5)}70%{box-shadow:0 0 0 8px rgba(224,50,45,0)}to{box-shadow:0 0 0 0 rgba(224,50,45,0)}}.roadmap{height:320px;width:100%;border-radius:14px;border:1px solid var(--line);overflow:hidden;margin-bottom:10px;z-index:0}.mp-dot{display:block;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--accent),0 1px 5px rgba(0,0,0,.45)}.town-label{display:inline-block;transform:translate(-50%,5px);font-size:10px;font-weight:600;color:#5b6b7a;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 3px #fff}.leaflet-tooltip.mp-label{background:#0b1f33;color:#fff;border:0;border-radius:7px;padding:3px 7px;font-size:11px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.3)}.leaflet-tooltip.mp-label:before{border-top-color:#0b1f33}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:0 0 12px;font-size:13px;color:var(--muted)}.legend li{display:flex;align-items:center;gap:6px}.legend li span{width:14px;height:4px;border-radius:2px;display:inline-block}.windy iframe{width:100%;height:440px;border:0;border-radius:14px}.imo{display:grid;grid-gap:12px;gap:12px}.imoCard{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink)}.imoLabel{display:block;padding:8px 14px;font-weight:700;font-size:14px;color:var(--accent);border-bottom:1px solid var(--line)}.imoImgWrap{position:relative;display:block;aspect-ratio:750/552}.imoImgWrap img{width:100%;height:auto;display:block}.imoPin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--accent),0 1px 4px rgba(0,0,0,.5);z-index:2}.imoPinLabel{position:absolute;left:14px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#0b1f33;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.35)}footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer p{margin:4px 0}.stamp{color:var(--muted);font-size:12px;margin:8px 0 0}