:root{color-scheme:dark;--bg: #0b1f2a;--bg-card: #123040;--bg-soft: #183848;--text: #f3efe6;--muted: #9eb0b8;--accent: #7ec8c8;--high: #8fd4d0;--low: #e0b56a;--danger: #e08b7a;--line: rgba(243, 239, 230, .08);--shadow: 0 16px 40px rgba(0, 0, 0, .28);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}#app{width:min(440px,100%);margin:0 auto}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.brand{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.place-pick{appearance:none;display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.station{margin:0;font-size:28px;line-height:1.15;font-weight:650}.station:after{content:" ▾";font-size:18px;color:var(--muted);font-weight:500}.subtitle{margin:6px 0 0;color:var(--muted);font-size:15px}.top-actions{display:flex;gap:8px}.icon-btn{appearance:none;border:0;min-width:44px;min-height:44px;border-radius:999px;background:var(--bg-card);color:var(--text);font-size:20px;line-height:1}.icon-btn[aria-pressed=true]{color:var(--low)}.hero,.panel{width:100%}.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card);border-radius:28px;box-shadow:var(--shadow);min-height:188px;padding:0}.hero-stage{position:relative;overflow:hidden;padding:22px 22px 18px}.scene{position:absolute;inset:0;pointer-events:none;z-index:0}.scene-sky{position:absolute;inset:0;background:linear-gradient(180deg,#102838,#123040 72%)}.hero.dawn .scene-sky{background:linear-gradient(180deg,#4a2a38,#c46a48 46%,#1d3a48)}.hero.day .scene-sky{background:linear-gradient(180deg,#2a6a88,#1a4a62 58%,#123040)}.hero.day.wx-partly .scene-sky{background:linear-gradient(180deg,#7ec8e8,#4aa4c8 36%,#1f6a90,#164a68)}.hero.day.wx-clear .scene-sky{background:linear-gradient(180deg,#9fe4fb,#5ec8f0 32%,#3aa8dc 58%,#1f7eb4 82%,#18648e)}.hero.dusk .scene-sky{background:linear-gradient(180deg,#2a1838,#c45c3a 42%,#1a3040)}.hero.night .scene-sky{background:linear-gradient(180deg,#071018,#0b1f2a 70%,#102838)}.scene-sun,.scene-moon{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px}.scene-moon{border-radius:50%}.scene-sun{width:36px;height:36px;margin:-18px 0 0 -18px}.wx-disc{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4c8,#f0b24a 58%,#d47a28);box-shadow:0 0 28px #f0b24a8c;animation:sun-glow 6s ease-in-out infinite}.hero.day.wx-clear .scene-sun{width:44px;height:44px;margin:-22px 0 0 -22px}.hero.day.wx-clear .wx-disc{inset:2px;box-shadow:0 0 48px #ffe496f2}.wx-cloud-mark,.wx-bolt-mark{position:absolute;opacity:0;pointer-events:none}.wx-cloud-mark{width:38px;height:24px;right:-6px;bottom:-2px;fill:#e8eef2;filter:drop-shadow(0 1px 2px rgba(20,40,50,.25))}.wx-bolt-mark{width:12px;height:20px;left:12px;top:14px;fill:#ffe27a;filter:drop-shadow(0 0 4px rgba(255,210,80,.8))}.hero.wx-partly .wx-cloud-mark,.hero.wx-cloud .wx-cloud-mark,.hero.wx-rain .wx-cloud-mark,.hero.wx-thunder .wx-cloud-mark{opacity:1}.hero.wx-partly .wx-disc{inset:6px 10px 10px 2px}.hero.wx-cloud .wx-disc,.hero.wx-rain .wx-disc,.hero.wx-thunder .wx-disc{opacity:0}.hero.wx-thunder .wx-bolt-mark{opacity:1;animation:bolt-flash 1.8s steps(1,end) infinite}.scene-moon{overflow:hidden;background:#f3efe6;box-shadow:0 0 18px #f3efe659}.scene-moon-shade{position:absolute;inset:-2px;border-radius:50%;background:#0a1822}.scene-water{position:absolute;left:0;right:0;bottom:0;height:30%;overflow:hidden;background:linear-gradient(180deg,#5ab4ba8c,#0c2834e0)}.hero.day.wx-clear .scene-water{background:linear-gradient(180deg,#28788cb3,#081c26f2)}.scene-water:before{content:"";position:absolute;top:-12px;left:-8%;right:-8%;height:24px;border-radius:50%;background:inherit}.scene-water:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(232,248,250,.06) 36%,rgba(236,252,255,.42) 50%,rgba(232,248,250,.06) 64%,transparent 82%);background-size:240% 100%;animation:water-shimmer 2.8s linear infinite}.scene-wave-wrap{position:absolute;top:-10px;left:0;width:200%;height:22px;animation:wave-slide 8s linear infinite}.scene-wave-wrap.back{top:-6px;opacity:.45;animation-duration:13s;animation-direction:reverse}.scene-wave{display:block;width:100%;height:100%}.wave-body{fill:#d2f4f659}.wave-foam{fill:none;stroke:#ecfcff8c;stroke-width:1.4;stroke-linejoin:round}.hero.wave-glassy .scene-wave-wrap{animation-duration:18s}.hero.wave-glassy .scene-wave-wrap.back{animation-duration:26s}.hero.wave-glassy .wave-foam{stroke-opacity:.22}.hero.wave-glassy .scene-water:after{animation-duration:7s;opacity:.45}.hero.wave-roll .scene-wave-wrap{animation-duration:7s}.hero.wave-roll .scene-wave-wrap.back{animation-duration:11s}.hero.wave-chop .scene-wave-wrap{animation-duration:3.2s}.hero.wave-chop .scene-wave-wrap.back{animation-duration:4.8s}.hero.wave-chop .wave-body{fill:#e6f8fa6b}.hero.wave-chop .wave-foam{stroke:#fffc;stroke-width:2}@keyframes wave-slide{to{transform:translate(-50%)}}.scene-critter{position:absolute;top:32%;z-index:1;opacity:.5;pointer-events:none}.scene-critter svg{display:block;height:100%;width:auto;fill:#1c3a44}.scene-critter.shark{height:13px}.scene-critter.whale{height:15px}.scene-critter.dolphin{height:12px}.scene-critter.fish{height:10px}.scene-critter.ltr{animation:swim-ltr 12s linear forwards}.scene-critter.rtl{animation:swim-rtl 12s linear forwards}.scene-critter.shark.ltr,.scene-critter.whale.ltr,.scene-critter.shark.rtl,.scene-critter.whale.rtl{animation-duration:16s}@keyframes swim-ltr{0%{left:-22%}to{left:110%}}@keyframes swim-rtl{0%{left:110%;transform:scaleX(-1)}to{left:-22%;transform:scaleX(-1)}}.scene-lighthouse{position:absolute;right:10px;bottom:0;width:58px;height:118px;z-index:1}.lh-rock{fill:#1a2c34}.lh-tower{fill:#e8e0d2}.lh-band{fill:#c45c3a}.lh-gallery,.lh-roof{fill:#2a3236}.lh-lantern{fill:#8fd4de;stroke:#2a3236;stroke-width:1.2}.lh-lamp{fill:#fff6d6;stroke:#d4a24a;stroke-width:1.1}.lh-window{fill:#7ec8d4;stroke:#2a3236;stroke-width:.9}.lh-window-glint{fill:#f3efe6b3}.hero.lamp-on .lh-window{fill:#ffe7a8;stroke:#c9a24a;filter:drop-shadow(0 0 3px rgba(255,231,168,.9))}.hero.lamp-on .lh-window-glint{fill:#fffce6d9}.lh-door{fill:#c45c3a}.lh-vane-pole{stroke:#2a3236;stroke-width:1.2;stroke-linecap:round}.lh-vane{fill:#c45c3a}.lh-beam{fill:#ffe7a8;opacity:0}.hero.lamp-on .lh-lantern{fill:#2a2620;stroke:#ffe7a8}.hero.lamp-on .lh-lamp{fill:#fff4c4;stroke:#ffe7a8;filter:drop-shadow(0 0 6px rgba(255,231,168,.85));animation:lamp-flicker 2.6s ease-in-out infinite}.hero.lamp-on .lh-beam{opacity:.28;transform-origin:36px 39px;animation:beam-sweep 8s ease-in-out infinite}@keyframes water-shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes beam-sweep{0%,to{opacity:.1;transform:rotate(-9deg)}50%{opacity:.4;transform:rotate(11deg)}}@keyframes lamp-flicker{0%,18%,22%,60%,64%,to{opacity:1;filter:drop-shadow(0 0 7px rgba(255,231,168,.95))}20%,62%{opacity:.2;filter:drop-shadow(0 0 1px rgba(255,231,168,.25))}80%{opacity:.72}83%{opacity:1}}@keyframes sun-glow{0%,to{box-shadow:0 0 22px #f0b24a66}50%{box-shadow:0 0 34px #f0b24ab3}}@keyframes bolt-flash{0%,86%,to{opacity:1}88%,92%{opacity:.15}90%{opacity:1}}@keyframes now-flash{0%,to{opacity:1}50%{opacity:.18}}@keyframes now-halo{0%{opacity:.55;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.9)}}.scene-clouds,.scene-rain,.scene-fog{position:absolute;inset:0;opacity:0;pointer-events:none}.scene-rain,.scene-fog{z-index:2}.scene-clouds{background:radial-gradient(ellipse 90px 28px at 22% 18%,rgba(210,220,226,.45),transparent 70%),radial-gradient(ellipse 120px 34px at 58% 12%,rgba(190,205,214,.4),transparent 72%),radial-gradient(ellipse 80px 24px at 84% 22%,rgba(200,210,218,.35),transparent 70%)}.hero.wx-cloud .scene-clouds,.hero.wx-rain .scene-clouds,.hero.wx-thunder .scene-clouds,.hero.wx-fog .scene-clouds{opacity:1;animation:cloud-drift 18s ease-in-out infinite}.hero.wx-partly .scene-clouds{opacity:.45;animation:cloud-drift 18s ease-in-out infinite}.hero.wx-fog .scene-clouds{opacity:.72;filter:blur(6px)}.scene-rain{background:repeating-linear-gradient(118deg,transparent 0 10px,rgba(220,234,238,.28) 10px 11px,transparent 11px 20px);background-size:36px 70px}.hero.wx-rain .scene-rain,.hero.wx-thunder .scene-rain{opacity:1;animation:rain-fall .55s linear infinite}.hero.wx-rain .scene-sky,.hero.wx-cloud .scene-sky,.hero.wx-thunder .scene-sky{filter:brightness(.78)}.hero.wx-fog .wx-disc{opacity:.28;filter:blur(3px)}.scene-fog{background:linear-gradient(180deg,#bac4ca1f,#ced6da85 68%)}.hero.wx-fog .scene-fog{opacity:1}.hero.wx-fog .scene-sky{filter:brightness(.7) saturate(.6)}.hero.wx-fog.lamp-on .lh-beam{opacity:.08}@keyframes cloud-drift{0%,to{transform:translate(-2%)}50%{transform:translate(3%)}}@keyframes rain-fall{to{background-position:18px 70px}}.hero-content{position:relative;z-index:2;padding-right:56px;padding-bottom:36px}.hero.day .clock,.hero.dawn .clock,.hero.dusk .clock{text-shadow:0 2px 18px rgba(11,31,42,.45)}.hero.day.wx-clear .kicker,.hero.day.wx-clear .kind,.hero.day.wx-clear .clock,.hero.day.wx-clear .meta,.hero.day.wx-clear .flow{text-shadow:0 1px 0 rgba(255,255,255,.28)}.hero.day.wx-clear .kicker,.hero.day.wx-clear .clock,.hero.day.wx-clear .meta{color:#123040}.hero.day.wx-clear .kind.high{color:#0b5c62}.hero.day.wx-clear .kind.low{color:#8a4e12}.hero.day.wx-clear .flow.rising{color:#0b5c62}.hero.day.wx-clear .flow.falling,.hero.day.wx-clear .flow.turning{color:#8a4e12}.kicker{margin:0 0 8px;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.kind{margin:0;font-size:18px;font-weight:650}.kind.high{color:var(--high)}.kind.low{color:var(--low)}.clock{margin:4px 0 0;font-size:52px;line-height:1;letter-spacing:-.04em;font-weight:620}.meta{display:flex;gap:0;margin-top:6px;color:var(--muted);font-size:16px}.meta span+span:before{content:" · "}.flow{margin:8px 0 0;font-size:16px;font-weight:600}.flow.rising,.flow-track.rising .flow-fill{color:var(--high)}.flow.falling,.flow-track.falling .flow-fill{color:var(--low)}.flow.turning{color:var(--text)}.flow-track{margin-top:10px;height:6px;border-radius:999px;background:#f3efe61a;overflow:hidden}.flow-fill{height:100%;width:0%;border-radius:inherit;background:currentColor;color:var(--accent)}.curve{margin:0;padding:12px 22px 14px;background:#07101861;border-top:1px solid var(--line)}.curve-plot{position:relative}.curve svg{display:block;width:100%;height:92px}.now-marker{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none}.now-marker-halo,.now-marker-dot{position:absolute;border-radius:50%}.now-marker-halo{inset:0;background:#f3efe666;animation:now-halo 1.15s ease-out infinite}.now-marker-dot{inset:3px;background:#f3efe6;border:2px solid #0b1f2a;animation:now-flash 1.15s ease-in-out infinite}.curve-caption{position:relative;height:1.2em;margin:4px 0 0;color:var(--muted);font-size:11px;letter-spacing:.04em}.curve-caption span{position:absolute;top:0;white-space:nowrap}.curve-caption span:nth-child(1){left:2.5%}.curve-caption span:nth-child(2){left:50%;transform:translate(-50%)}.curve-caption span:nth-child(3){left:97.5%;transform:translate(-100%)}.banner{margin:12px 22px 16px;padding:12px 14px;border-radius:14px;background:#e08b7a1f;color:#f0c4bb;font-size:14px;line-height:1.4}.banner.stale{background:#e0b56a1f;color:#ecd2a2}.panel{margin-top:22px}.panel h2{margin:0 0 10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.week-meta{margin:-4px 0 12px;padding:10px 12px;border-radius:14px;background:var(--bg-card);color:var(--text);font-size:14px;line-height:1.4}.week-meta.big{box-shadow:inset 0 0 0 1px #7ec8c847}.week-meta.small{color:var(--muted)}.list{margin:0;padding:0;list-style:none;background:var(--bg-card);border-radius:20px;overflow:hidden}.row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:14px 16px;min-height:52px;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row .kind{font-size:15px}.row .when{font-size:16px}.row .height{color:var(--muted);font-variant-numeric:tabular-nums}.row.past{opacity:.42}.row.peak{background:#7ec8c814}.row .peak-tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:#7ec8c829;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.week-day{margin-bottom:12px}.week-day:last-child{margin-bottom:0}.week-day h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 4px;font-size:14px;font-weight:650}.sheet{position:fixed;inset:0;z-index:20}.sheet-backdrop{appearance:none;position:absolute;inset:0;border:0;padding:0;background:#050c108c}.sheet-card{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-height:min(72vh,560px);overflow:auto;padding:10px;border-radius:22px;background:var(--bg-card);box-shadow:var(--shadow)}.place-search{display:block;width:100%;min-height:44px;margin:0 0 10px;padding:0 14px;border:0;border-radius:14px;background:var(--bg-soft);color:var(--text);font:inherit;font-size:16px}.place-search::placeholder{color:var(--muted)}.search-results{margin-bottom:10px}.search-hit{appearance:none;display:block;width:100%;min-height:52px;margin-bottom:6px;padding:8px 14px;border:0;border-radius:14px;background:var(--bg-soft);color:var(--text);text-align:left}.search-hit strong{display:block;font-size:16px}.search-hit span{display:block;margin-top:2px;color:var(--muted);font-size:13px}.search-empty{margin:0 4px 10px;color:var(--muted);font-size:14px}.sheet-title{margin:6px 12px 10px;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.sheet-option{appearance:none;display:block;width:100%;min-height:48px;margin-bottom:6px;padding:0 14px;border:0;border-radius:14px;background:var(--bg-soft);color:var(--text);font-size:16px;font-weight:600;text-align:left}.sheet-option:last-child{margin-bottom:0}.sheet-option[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.hidden{display:none!important}.attribution{margin:22px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.attribution p{margin:0 0 8px}.attribution p:last-child{margin-bottom:0}.attribution a{color:var(--accent);text-decoration:none}.skeleton .clock,.skeleton .station,.skeleton .kind{color:transparent;background:linear-gradient(90deg,var(--bg-soft),var(--bg-card),var(--bg-soft));background-size:200% 100%;animation:pulse 1.2s ease-in-out infinite;border-radius:8px}@keyframes pulse{0%{background-position:0% 50%}to{background-position:100% 50%}}button{font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.skeleton .clock,.skeleton .station,.skeleton .kind,.wx-disc,.wx-bolt-mark,.hero.lamp-on .lh-lamp,.hero.lamp-on .lh-beam,.hero.wx-partly .scene-clouds,.hero.wx-cloud .scene-clouds,.hero.wx-rain .scene-clouds,.hero.wx-thunder .scene-clouds,.hero.wx-fog .scene-clouds,.hero.wx-rain .scene-rain,.hero.wx-thunder .scene-rain,.scene-critter,.scene-wave-wrap{animation:none}}