*{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.5rem;padding:2rem 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-label{font-size:.8rem;color:var(--text-dim)}.gust-value{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums;color:#f59e0b}.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)}.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-peak{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.gust-log-speed{font-size:1.4rem;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}