: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;background:var(--bg-card);border-radius:28px;padding:22px 22px 16px;box-shadow:var(--shadow);min-height:188px}.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.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;border-radius:50%}.scene-sun{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}.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)}.scene-water:before{content:"";position:absolute;top:-12px;left:-8%;right:-8%;height:24px;border-radius:50%;background:inherit}.scene-swell{position:absolute;top:-10px;left:-24%;width:148%;height:22px;border-radius:50%;background:#beecee29;animation:water-drift 9s ease-in-out infinite}.scene-lighthouse{position:absolute;right:10px;bottom:34px;width:58px;height:118px;z-index:1}.lh-rock{fill:#1a2c34}.lh-tower{fill:#e8e0d2}.lh-band{fill:#c45c3a}.lh-gallery,.lh-roof,.lh-lantern{fill:#2a3236}.lh-lamp{fill:#8a8070}.lh-beam{fill:#ffe7a8;opacity:0}.hero.lamp-on .lh-lamp{fill:#ffe7a8;filter:drop-shadow(0 0 6px rgba(255,231,168,.85));animation:lamp-glow 3.2s ease-in-out infinite}.hero.lamp-on .lh-beam{opacity:.28;transform-origin:36px 39px;animation:beam-sweep 8s ease-in-out infinite}.now-halo,.now-dot{transform-box:fill-box;transform-origin:center}.now-halo{animation:now-halo 2.4s ease-in-out infinite}.now-dot{animation:now-breathe 2.4s ease-in-out infinite}@keyframes water-drift{0%,to{transform:translate(-5%) translateY(0)}50%{transform:translate(6%) translateY(-3px)}}@keyframes beam-sweep{0%,to{opacity:.1;transform:rotate(-9deg)}50%{opacity:.4;transform:rotate(11deg)}}@keyframes lamp-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,231,168,.55))}50%{filter:drop-shadow(0 0 10px rgba(255,231,168,.95))}}@keyframes sun-glow{0%,to{box-shadow:0 0 22px #f0b24a66}50%{box-shadow:0 0 34px #f0b24ab3}}@keyframes now-breathe{0%,to{opacity:1}50%{opacity:.62}}@keyframes now-halo{0%,to{opacity:.2;transform:scale(.92)}50%{opacity:.45;transform:scale(1.18)}}.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-fog .scene-clouds{opacity:1;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{opacity:1;animation:rain-fall .55s linear infinite}.hero.wx-rain .scene-sky,.hero.wx-cloud .scene-sky{filter:brightness(.78)}.hero.wx-rain .scene-sun,.hero.wx-cloud .scene-sun,.hero.wx-fog .scene-sun{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}.hero.day .clock,.hero.dawn .clock,.hero.dusk .clock{text-shadow:0 2px 18px rgba(11,31,42,.45)}.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:16px;margin-top:14px;color:var(--muted);font-size:16px}.flow{margin:14px 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:16px 0 0}.curve svg{display:block;width:100%;height:92px}.curve-caption{display:flex;justify-content:space-between;margin:4px 2px 0;padding-right:52px;color:var(--muted);font-size:11px;letter-spacing:.04em}.banner{margin:14px 0 0;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;text-align:center;color:var(--muted);font-size:12px;line-height:1.45}.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,.scene-sun,.scene-swell,.hero.lamp-on .lh-lamp,.hero.lamp-on .lh-beam,.now-halo,.now-dot,.hero.wx-cloud .scene-clouds,.hero.wx-rain .scene-clouds,.hero.wx-fog .scene-clouds,.hero.wx-rain .scene-rain{animation:none}}