*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b1829;--surface: rgba(255,255,255,.05);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--text-sub: rgba(255,255,255,.6);--text-muted: rgba(255,255,255,.38);--green: #34d399;--yellow: #fbbf24;--red: #f87171;--blue: #60a5fa;--orange: #fb923c}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-text-size-adjust:100%}#app{max-width:480px;margin:0 auto;padding:0 16px 32px}.disclaimer-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:20px}.disclaimer-gate[hidden]{display:none}.disclaimer-content{background:#111827;border:1px solid var(--border);border-radius:16px;padding:28px 24px;max-width:400px;text-align:center}.disclaimer-content h2{font-size:18px;margin-bottom:14px;color:var(--yellow)}.disclaimer-content p{font-size:14px;color:var(--text-sub);margin-bottom:12px;line-height:1.6}.disclaimer-content button{margin-top:10px;padding:12px 32px;border:none;border-radius:10px;background:var(--blue);color:#000;font-size:15px;font-weight:700;cursor:pointer}header{padding:16px 0 10px}.header-row{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:16px;font-weight:700}.freshness{font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px}.freshness .dot{width:7px;height:7px;border-radius:50%}.fresh .dot{background:var(--green)}.fresh{color:var(--green)}.stale-warn .dot{background:var(--yellow)}.stale-warn{color:var(--yellow)}.stale-danger .dot{background:var(--red)}.stale-danger{color:var(--red)}.advisories{display:flex;flex-direction:column;gap:8px}.advisories:empty{display:none}.advisory-card{display:flex;align-items:flex-start;gap:10px;background:#fbbf240f;border:1px solid rgba(251,191,36,.2);border-left:4px solid var(--yellow);border-radius:10px;padding:12px 14px}.advisory-card.severity-extreme,.advisory-card.severity-severe{border-color:#f871714d;border-left-color:var(--red);background:#f871710f}.advisory-icon{font-size:16px;flex-shrink:0}.advisory-text{font-size:14px;font-weight:600;line-height:1.4}.advisory-meta{font-size:11px;color:var(--text-muted);margin-top:3px}.map-picker{margin:8px -16px;height:240px;position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}#map{width:100%;height:100%}@media(min-width:480px){.map-picker{height:280px}}.maplibregl-popup-content{background:#0b1829eb!important;color:#fff!important;border-radius:8px!important;padding:6px 10px!important;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 12px #0006!important}.zone-tabs{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border);margin:8px 0 16px}.zone-tab{flex:1;padding:10px 0;border:none;background:transparent;color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;border-right:1px solid var(--border);transition:background .15s,color .15s}.zone-tab:last-child{border-right:none}.zone-tab:hover{background:#ffffff0a}.zone-tab.active,.zone-tab.active[data-zone=north]{background:#60a5fa1f;color:var(--blue)}.zone-tab.active[data-zone=east]{background:#34d3991f;color:var(--green)}.zone-tab.active[data-zone=south]{background:#fbbf241f;color:var(--yellow)}.zone-tab.active[data-zone=west]{background:#fb923c1f;color:var(--orange)}.zone-detail{min-height:100px}.zone-detail:empty:after{content:"Select a shore above";display:block;text-align:center;color:var(--text-muted);font-size:14px;padding:40px 0}.zd-header{margin-bottom:12px}.zd-name{font-size:22px;font-weight:800;line-height:1.2}.zd-conditions{font-size:15px;color:var(--text-sub);margin-top:2px}.zd-stats{display:flex;gap:0;margin:12px -16px;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.zd-stat{flex:1;padding:12px 6px;text-align:center;border-right:1px solid var(--border)}.zd-stat:last-child{border-right:none}.zd-stat-value{font-size:22px;font-weight:800;line-height:1.2}.zd-stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:2px}.zd-stat-value.uv-high{color:var(--orange)}.zd-stat-value.uv-extreme{color:var(--red)}.zd-stat-ctx{font-size:8px;color:var(--text-muted);margin-top:2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zd-seasonal-details{margin:8px 0}.zd-seasonal-toggle{font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;list-style:none;padding:6px 0}.zd-seasonal-toggle:before{content:"▸";font-size:9px}.zd-seasonal-details[open]>.zd-seasonal-toggle:before{content:"▾"}.zd-seasonals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.zd-seasonal{background:var(--surface);border-radius:10px;padding:8px 10px;overflow:hidden}.zd-seasonal-label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.seasonal-svg{width:100%;height:auto}.zd-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px}.zd-section-subtitle{font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted);opacity:.7}.hourly-strip{display:flex;overflow-x:auto;gap:2px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.hourly-strip::-webkit-scrollbar{height:3px}.hourly-strip::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.hourly-item{flex:0 0 54px;background:var(--surface);border-radius:10px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.hourly-time{font-size:10px;color:var(--text-muted);font-weight:600}.hourly-icon{font-size:18px;line-height:1}.hourly-temp{font-size:16px;font-weight:700}.hourly-precip{font-size:9px;font-weight:600;min-height:12px;color:var(--blue)}.zd-beaches{display:flex;flex-direction:column;gap:4px}.zd-beach{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface);border-radius:8px}.zd-beach-name{font-size:14px;font-weight:500}.zd-beach-wq{font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase}.wq-clean{background:#34d3991a;color:var(--green)}.wq-advisory{background:#fbbf241a;color:var(--yellow)}.zd-forecast{font-size:13px;color:var(--text-sub);line-height:1.6;margin-top:8px;padding:12px;background:var(--surface);border-radius:10px}.zd-swell{font-size:12px;color:var(--text-sub);margin-top:4px}.zd-notices{display:flex;flex-direction:column;gap:4px}.zd-notice{display:block;font-size:13px;color:var(--text-sub);text-decoration:none;padding:8px 12px;background:var(--surface);border-radius:8px;border-left:3px solid var(--yellow)}.zd-notice:hover{color:var(--text)}.zd-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:8px;margin:8px 0;background:#fbbf240f;border:1px solid rgba(251,191,36,.2)}.zd-warning-jellyfish{border-color:#a855f74d;background:#a855f70f}.zd-warning-icon{font-size:16px;flex-shrink:0}.zd-warning-title{font-size:13px;font-weight:700}.zd-warning-detail{font-size:11px;color:var(--text-sub);margin-top:2px}.zd-roads{display:flex;flex-direction:column;gap:4px}.zd-road{font-size:12px;color:var(--text-sub);padding:6px 10px;background:var(--surface);border-radius:6px;border-left:3px solid var(--orange)}.zd-beach-meta{display:flex;align-items:center;gap:6px}.zd-beach-waves{font-size:13px;font-weight:600;color:var(--blue)}.zd-debug{font-family:SF Mono,Fira Code,monospace;font-size:9px;line-height:1.6;color:var(--text-muted);background:#0000004d;border-radius:4px;padding:6px 8px;margin-top:4px;border-left:2px solid rgba(96,165,250,.3)}.shared-data{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.shared-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.shared-label{font-size:13px;font-weight:600;color:var(--text-sub)}.shared-value{font-size:15px;font-weight:700}.shared-row-alert{background:#f8717114;border-radius:6px;padding:8px 10px;border-left:3px solid var(--red)}.shared-row-warn{background:#fbbf240f;border-radius:6px;padding:8px 10px;border-left:3px solid var(--yellow)}.tide-curve{width:100%;max-height:90px;margin:8px 0}.countdown{font-variant-numeric:tabular-nums;font-weight:700}.countdown-expired{color:var(--text-muted);text-decoration:line-through}.header-right{display:flex;align-items:center;gap:8px}.veracity-toggle-btn{font-size:10px;font-weight:600;padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer}.veracity-toggle-btn.active{border-color:var(--blue);color:var(--blue);background:#60a5fa14}.prov{position:relative}.prov-dot{font-size:6px;color:var(--blue);vertical-align:super;cursor:help}.veracity-panel{border-top:2px solid var(--blue);background:#050c19f7;padding:16px;margin-top:20px;border-radius:10px 10px 0 0;max-height:60vh;overflow-y:auto;font-size:11px;line-height:1.6}.veracity-panel[hidden]{display:none}.vp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vp-header strong{color:var(--text);font-size:13px}.vp-close{font-size:11px;padding:4px 10px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer}.vp-section{margin-bottom:12px}.vp-section-title{font-size:10px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:4px}.vp-row{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.vp-value{font-weight:700;color:var(--text);min-width:60px}.vp-source{color:var(--green);font-size:10px}.vp-transform{color:var(--text-muted);font-size:10px;font-style:italic}.vp-raw{color:var(--yellow);font-size:10px;font-family:SF Mono,monospace}.vp-link{color:var(--blue);text-decoration:none;font-size:10px}.vp-arch{margin-bottom:16px}.vp-arch-bar{height:8px;background:#fb923c4d;border-radius:4px;overflow:hidden;margin-bottom:6px}.vp-arch-fill{height:100%;border-radius:4px}.vp-arch-runtime{background:var(--green)}.vp-arch-legend{display:flex;gap:12px;flex-wrap:wrap}.vp-arch-label{font-size:10px;color:var(--text-sub);display:flex;align-items:center;gap:4px}.vp-dot-runtime{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.vp-dot-pipeline{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}.vp-dot-computed{width:8px;height:8px;border-radius:50%;background:var(--blue);display:inline-block}.vp-source-row{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.vp-source-name{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.vp-source-desc{font-size:10px;color:var(--text-muted);margin-top:2px}.vp-disagreements{background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:10px;margin-bottom:12px}.vp-disagreement{margin-bottom:8px}.vp-claim{font-weight:700;color:var(--red);margin-bottom:4px;font-size:12px}.vp-entry{display:flex;gap:8px;align-items:baseline;padding:2px 0 2px 12px;font-size:11px}.vp-entry-source{color:var(--text-muted);min-width:120px}.vp-entry-value{font-weight:700;color:var(--text)}.vp-entry-raw{color:var(--yellow);font-family:SF Mono,monospace;font-size:10px}.vp-prov-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.vp-prov-left{border-right:1px solid rgba(255,255,255,.06);padding-right:8px}.vp-prov-claim{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.vp-prov-displayed{font-size:14px;font-weight:700;color:var(--text);margin-top:2px}.vp-prov-source{font-size:10px;color:var(--green);font-weight:600}.vp-prov-raw{font-family:SF Mono,monospace;font-size:10px;color:var(--yellow);margin-top:2px;word-break:break-all}.vp-prov-transform{font-size:9px;color:var(--text-muted);font-style:italic;margin-top:2px}footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.sources{font-size:11px;color:var(--text-muted);line-height:1.8}.sources a{color:#60a5fa80;text-decoration:none}.disclaimer-footer{font-size:10px;color:var(--text-muted);line-height:1.6;margin-top:8px}