:root{--bg-deep:#07151c;--bg:#0a1f28;--bg-elevated:#12303a;--bg-soft:#1e4a5673;--line:#94c9c429;--text:#e8f4f1;--muted:#8fb0ad;--brand:#5ec8c0;--brand-soft:#5ec8c02e;--accent:#f0a35e;--accent-soft:#f0a35e2e;--calm:#7ec8c4;--light:#6eb8d4;--fresh:#f0a35e;--strong:#ef7b4a;--storm:#e24d5c;--radius:18px;--safe-bottom:env(safe-area-inset-bottom,0px);--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(120% 80% at 80% -10%, #f0a35e2e, transparent 55%), radial-gradient(90% 70% at 10% 0%, #5ec8c038, transparent 50%), linear-gradient(180deg, #0d2832 0%, var(--bg-deep) 42%, #061018 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:soft-light;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{width:min(100%,480px);padding:1.1rem 1rem calc(1.5rem + var(--safe-bottom));margin:0 auto}.hero{flex-direction:column;justify-content:flex-end;min-height:min(58vh,460px);padding:.4rem 0 1.4rem;display:flex;position:relative;overflow:hidden}.wind-ribbons{pointer-events:none;height:48%;position:absolute;inset:8% -10% auto}.wind-ribbons span{background:linear-gradient(90deg, transparent, var(--brand), transparent);opacity:.45;transform-origin:50%;border-radius:999px;height:2px;animation:7s ease-in-out infinite drift;position:absolute;left:0;right:0}.wind-ribbons span:first-child{animation-delay:0s;top:18%}.wind-ribbons span:nth-child(2){opacity:.28;background:linear-gradient(90deg, transparent, var(--accent), transparent);animation-duration:8.5s;animation-delay:-2.2s;top:42%}.wind-ribbons span:nth-child(3){opacity:.35;animation-duration:6.4s;animation-delay:-4s;top:68%}@keyframes drift{0%,to{opacity:.2;transform:translate(-4%)scaleX(.92)}50%{opacity:.55;transform:translate(4%)scaleX(1.05)}}.spot-meta{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:.85rem;font-size:.82rem;font-weight:600;animation:.7s both rise;display:flex;position:relative}.spot-dot{background:var(--brand);width:.55rem;height:.55rem;box-shadow:0 0 0 4px var(--brand-soft);border-radius:50%}.brand{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(135deg, #f4fffd 10%, var(--brand) 55%, #c8ebe7 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.4rem,16vw,4.8rem);font-weight:800;line-height:.92;animation:.8s 50ms both rise;position:relative}.tagline{max-width:18rem;color:var(--muted);margin:.85rem 0 0;font-size:1.02rem;line-height:1.4;animation:.8s .12s both rise;position:relative}.now-panel{grid-template-columns:1.15fr 1fr 1fr;gap:.65rem;margin-top:1.5rem;animation:.85s .18s both rise;display:grid;position:relative}.metric{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#183a44d9,#0c222ab8);min-width:0;padding:.95rem .7rem}.metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.45rem;font-size:.72rem;font-weight:600;display:block}.metric-value{font-family:var(--font-mono);letter-spacing:-.03em;font-size:clamp(1.55rem,7vw,1.9rem);font-weight:600;line-height:1}.metric-unit{opacity:.75;margin-left:.12rem;font-size:.72em}.metric-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.4rem;font-size:.78rem;overflow:hidden}.toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin:1.5rem 0 .85rem;display:flex}.toolbar h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.25rem}.source{color:var(--muted);text-align:right;font-size:.75rem}.source a{color:var(--brand);text-decoration:none}.day-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-bottom:1rem;display:grid}.day-tab{text-align:center;background:#12303a8c;border:1px solid #0000;border-radius:14px;padding:.7rem .25rem .65rem;transition:border-color .2s,background .2s,transform .2s}.day-tab:active{transform:scale(.97)}.day-tab.active{background:var(--brand-soft);border-color:#5ec8c073}.day-tab .dow{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:block}.day-tab.active .dow{color:var(--brand)}.day-tab .day-date{color:var(--muted);margin-bottom:.25rem;font-size:.68rem;font-weight:600;display:block}.day-tab.active .day-date{color:#5ec8c0d9}.day-tab .peak{font-family:var(--font-mono);font-size:.95rem;font-weight:600}.day-tab .peak-kn{font-family:var(--font-mono);color:var(--muted);margin-top:.05rem;font-size:.68rem;font-weight:500;display:block}.day-tab .range{color:var(--muted);margin-top:.15rem;font-size:.68rem;display:block}.day-heading{margin:.2rem 0 .85rem}.day-heading h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem}.day-heading p{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.hours{flex-direction:column;gap:.45rem;display:flex}.hour-row{background:#0e262eb8;border:1px solid #94c9c414;border-radius:14px;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.55rem;padding:.72rem .75rem;animation:.5s both rise;display:grid}.hour-time{font-family:var(--font-mono);color:var(--muted);font-size:.9rem;font-weight:500}.hour-main{align-items:center;gap:.65rem;min-width:0;display:flex}.dir-arrow{background:#5ec8c01f;border-radius:50%;flex-shrink:0;place-items:center;width:1.7rem;height:1.7rem;display:grid}.dir-arrow svg{width:.95rem;height:.95rem;transition:transform .25s}.hour-temps{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hour-temp{font-size:.98rem;font-weight:650}.hour-dir{color:var(--muted);font-size:.75rem}.hour-winds{gap:.4rem;display:flex}.bf-pill{text-align:center;background:#ffffff0a;border-radius:10px;min-width:3.55rem;padding:.35rem .4rem}.bf-pill .bf-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.12rem;font-size:.62rem;display:block}.bf-pill .bf-num{font-family:var(--font-mono);font-size:.92rem;font-weight:600;line-height:1.15;display:block}.bf-pill .bf-kn{font-family:var(--font-mono);color:var(--muted);margin-top:.12rem;font-size:.72rem;font-weight:500;line-height:1.1;display:block}.tone-calm .bf-num{color:var(--calm)}.tone-light .bf-num{color:var(--light)}.tone-fresh .bf-num{color:var(--fresh)}.tone-strong .bf-num{color:var(--strong)}.tone-storm .bf-num{color:var(--storm)}.tone-calm .bf-kn{color:#7ec8c4d9}.tone-light .bf-kn{color:#6eb8d4d9}.tone-fresh .bf-kn{color:#f0a35ee6}.tone-strong .bf-kn{color:#ef7b4ae6}.tone-storm .bf-kn{color:#e24d5cf2}.status{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);text-align:center;margin-top:2rem;padding:1.4rem 1rem}.status p{color:var(--muted);margin:0 0 .85rem}.reload-btn{background:var(--brand-soft);color:var(--brand);border:1px solid #5ec8c066;border-radius:999px;padding:.7rem 1.1rem;font-weight:650}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#1e4a5659,#5ec8c01f,#1e4a5659) 0 0/200% 100%;height:4.5rem;margin-top:1rem;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.footer-note{text-align:center;color:var(--muted);margin-top:1.4rem;font-size:.75rem;line-height:1.45}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:1.75rem;padding-top:1rem;font-size:.8rem;line-height:1.5}.site-footer a{color:var(--brand);text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (width>=640px){.app{padding-top:1.6rem}.hero{min-height:420px}.hour-row{grid-template-columns:4rem 1fr auto;padding:.85rem 1rem}}@media (width<=360px){.now-panel{grid-template-columns:1fr 1fr}.now-panel .metric:first-child{grid-column:1/-1}.day-tabs{gap:.3rem}.bf-pill{min-width:3.1rem;padding:.32rem .3rem}}