: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}.station{margin:0;font-size:28px;line-height:1.15;font-weight:650}.subtitle{margin:6px 0 0;color:var(--muted);font-size:15px}.refresh{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}.hero,.panel,.modes,.actions{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}.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%;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-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,.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))}.hero.lamp-on .lh-beam{opacity:.28}.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;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}.modes{display:flex;gap:8px;margin-top:22px;padding:6px;background:var(--bg-card);border-radius:18px}.modes button{appearance:none;border:0;flex:1;min-height:44px;border-radius:13px;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.modes button[aria-pressed=true]{background:var(--bg-soft);color:var(--text)}.actions{display:flex;gap:10px;margin-top:12px}.actions button{appearance:none;border:0;flex:1;min-height:48px;border-radius:16px;background:var(--bg-card);color:var(--text);font-size:15px;font-weight:600}.actions button:disabled{opacity:.45}.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{animation:none}}