*{margin:0;padding:0;box-sizing:border-box}html{font-size:125%}:root{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-dim: #94a3b8;--accent: #3b82f6}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.app{max-width:420px;margin:0 auto;padding:1rem;min-height:100dvh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}header h1{font-size:1.1rem;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:9999px}.status.connected{color:#22c55e;background:#22c55e1f}.status.disconnected{color:#f59e0b;background:#f59e0b1f}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1.25rem 0}.wind-gauge{text-align:center}.speed-value{font-size:5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.speed-unit{font-size:1rem;color:var(--text-dim);margin-top:.25rem}.gust{margin-top:1rem;display:flex;align-items:baseline;gap:.5rem;justify-content:center}.gust+.gust{margin-top:.3rem}.gust-label{font-size:.8rem;color:var(--text-dim)}.gust-value{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums;color:#f59e0b}.gust-24h{font-size:1.2rem;color:#f59e0b99}.wind-compass{display:flex;flex-direction:column;align-items:center}.compass-svg{width:225px;height:225px}.cardinal{fill:var(--text-dim);font-size:14px;font-weight:600;text-anchor:middle;dominant-baseline:middle}.compass-readout{margin-top:.5rem;display:flex;gap:.75rem;align-items:baseline}.compass-cardinal{font-size:1.4rem;font-weight:700}.compass-degrees{font-size:1rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.wind-label{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.4rem 1.2rem;border-radius:9999px;background:var(--surface)}.wind-label.calm{color:#94a3b8}.wind-label.light{color:#22c55e}.wind-label.moderate{color:#3b82f6}.wind-label.fresh{color:#a855f7}.wind-label.strong{color:#f59e0b}.wind-label.gale{color:#ef4444}.wind-label.storm{color:red;background:#ff000026}.wind-label.no-data{color:var(--text-dim)}footer{text-align:center;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.08)}.tide-footer{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.02em}.tide-footer .tide-time{color:var(--text);font-weight:600}.tide-page{display:flex;flex-direction:column;min-height:100dvh}.tide-page header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.tide-page header h1{flex:1;font-size:1.1rem;font-weight:600;color:var(--text-dim)}.tide-back{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:.25rem 0;font-family:inherit}.tide-station{font-size:.7rem;color:var(--text-dim);letter-spacing:.02em}.tide-list{flex:1;padding:1rem 0}.tide-day{margin-bottom:1.25rem}.tide-day-header{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.tide-row{display:flex;align-items:baseline;gap:.75rem;padding:.35rem 0;font-variant-numeric:tabular-nums}.tide-row .tide-type{font-size:.8rem;font-weight:600;width:2.8rem}.tide-high .tide-type{color:var(--accent)}.tide-low .tide-type{color:var(--text-dim)}.tide-row .tide-time{font-size:.85rem;font-weight:600;color:var(--text)}.tide-row .tide-height{font-size:.85rem;color:var(--text-dim);margin-left:auto}.tide-bar-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;min-width:3rem}.tide-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.tide-bar-high{background:var(--accent)}.tide-bar-low{background:var(--text-dim);opacity:.4}.tide-empty{text-align:center;color:var(--text-dim);font-size:.85rem;padding:2rem 0}.tide-spring{border-top:1px solid rgba(255,255,255,.08);padding:1rem 0 2rem}.tide-spring-title{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.tide-spring-date{font-size:.75rem;color:var(--text-dim)}.gust-log{text-align:center;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.gust-log-title{font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.gust-log-event{display:flex;align-items:baseline;justify-content:center;gap:.5rem;padding:.15rem 0}.gust-log-speed{font-size:1rem;font-weight:600;color:#ef4444;font-variant-numeric:tabular-nums}.gust-log-time{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}