:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#102227;--muted:#61727a;--line:#d6e2e4;--panel:#ffffffd6;--panel-strong:#fff;--sea:#0d6f7d;--sea-dark:#074b58;--reef:#e2563f;--kelp:#35764b;--sand:#f4e6c6;--sun:#f6b548;--sky:#d7eef1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background-color:#0000;background-image:linear-gradient(#d7eef1d6,#f4e6c69e 56%,#f9fbf9),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80);background-position:top;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{width:min(1440px,100%);margin:0 auto;padding:28px}.masthead{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#04242ce6,#04242c7a 58%,#04242c1f),url(https://images.unsplash.com/photo-1502680390469-be75c86b636f?auto=format&fit=crop&w=1800&q=82);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:24px;min-height:340px;padding:42px;display:flex;box-shadow:0 24px 70px #08222838}.masthead-copy{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:0;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:inline-flex}h1,h2,h3,h4,p{margin:0}h1{max-width:820px;margin-top:14px;font-size:clamp(2.3rem,6vw,5.7rem);line-height:.95}.masthead p{color:#ffffffe0;max-width:680px;margin-top:20px;font-size:1.08rem;line-height:1.58}.status-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:8px;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;width:min(330px,100%);padding:14px;display:grid}.status-panel span,.status-panel strong{display:block}.status-panel span{color:#ffffffb8;font-size:.78rem}.status-panel strong{margin-top:4px}.icon-button{aspect-ratio:1;width:42px;color:var(--sea-dark);background:#fff;border:0;border-radius:8px;place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice,.toolbar,.layout,.sources{margin-top:18px}.notice{color:#6e2e18;background:#fff0d2;border:1px solid #f1cc8d;border-radius:8px;align-items:center;gap:10px;padding:13px 15px;font-weight:700;display:flex}.toolbar{grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:12px;display:grid}.search,.select-wrap,.segmented{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;align-items:center;min-height:48px;display:flex;box-shadow:0 12px 32px #12373d14}.search{gap:10px;padding:0 14px}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.segmented,.unit-toggle{overflow:hidden}.segmented button,.unit-toggle button{min-height:46px;color:var(--muted);background:0 0;border:0;padding:0 15px;font-weight:800}.segmented button.active,.unit-toggle button.active{color:#fff;background:var(--sea-dark)}.unit-toggle{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;align-items:center;min-height:48px;display:flex;box-shadow:0 12px 32px #12373d14}.select-wrap{gap:8px;padding:0 12px}.select-wrap select{color:var(--ink);background:0 0;border:0;outline:0;font-weight:800}.layout{grid-template-columns:385px minmax(0,1fr);gap:18px;display:grid}.spot-list{align-content:start;gap:10px;max-height:calc(100vh - 28px);padding-right:4px;display:grid;overflow:auto}.spot-card{text-align:left;border:1px solid var(--line);background:#ffffffe6;border-radius:8px;width:100%;padding:16px;transition:transform .16s,border-color .16s,background .16s;box-shadow:0 14px 35px #10222714}.spot-card:hover{transform:translateY(-2px)}.spot-card.selected{border-color:var(--sea);background:#f7feff}.spot-card-top{justify-content:space-between;gap:16px;display:flex}.spot-card-top strong{font-size:1rem;display:block}.spot-card-top span:not(.score){color:var(--muted);align-items:center;gap:5px;margin-top:6px;font-size:.86rem;display:inline-flex}.spot-card-meta{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.spot-card-meta span,.pill-row span{color:var(--sea-dark);background:#e6f4f5;border-radius:999px;padding:5px 9px;font-size:.77rem;font-weight:800}.score{color:#fff;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:1.05rem;font-weight:900;display:grid}.score.excellent{background:#08764f}.score.good{background:#0d6f7d}.score.fun{background:#c08316}.score.marginal{background:#a8512e}.score.poor{background:#5c6670}.detail{background:#ffffffe6;border:1px solid #d6e2e4db;border-radius:8px;min-width:0;padding:24px;box-shadow:0 24px 70px #1022271f}.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding-bottom:22px;display:flex}.detail-header .eyebrow{color:var(--sea)}h2{margin-top:8px;font-size:clamp(2rem,4vw,4.2rem);line-height:1}.detail-header p{max-width:760px;color:var(--muted);margin-top:12px;line-height:1.55}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.metric{border:1px solid var(--line);background:#fbfdfd;border-radius:8px;min-height:166px;padding:16px}.metric-icon{aspect-ratio:1;color:#fff;background:var(--sea-dark);border-radius:8px;place-items:center;width:40px;display:grid}.metric span,.metric small{color:var(--muted);display:block}.metric span{text-transform:uppercase;margin-top:16px;font-size:.78rem;font-weight:900}.metric strong{margin-top:5px;font-size:1.75rem;display:block}.metric small{margin-top:6px;line-height:1.35}.beach-intel{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.beach-intel>div{border:1px solid var(--line);background:#fffaf0;border-radius:8px;padding:16px}h3{align-items:center;gap:8px;font-size:1rem;display:flex}.pill-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.timeline{margin-top:22px}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-title span{color:var(--muted);font-size:.86rem;font-weight:800}.day+.day{margin-top:18px}.day h4{color:var(--sea-dark);margin-bottom:10px}.hours{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:9px;display:grid}.hour{border:1px solid var(--line);background:#fbfdfd;border-radius:8px;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:8px;min-height:176px;padding:10px 8px;display:grid}.hour span,.hour small{color:var(--muted);font-size:.78rem;font-weight:800}.bar-track{background:#dbe8e9;border-radius:999px;align-items:flex-end;width:16px;height:86px;display:flex;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(180deg, var(--sun), var(--sea));width:100%}.sources{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sources div,.sources a{color:var(--sea-dark);border:1px solid var(--line);background:#ffffffd1;border-radius:8px;align-items:flex-start;gap:9px;padding:14px;font-size:.9rem;font-weight:700;line-height:1.35;text-decoration:none;display:flex}@media (width<=1100px){.masthead,.layout,.toolbar,.sources{grid-template-columns:1fr}.masthead{align-items:end;display:grid}.spot-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app{padding:12px}.masthead{min-height:520px;padding:24px}h1{font-size:3rem}.status-panel,.spot-list,.metric-grid,.beach-intel,.hours{grid-template-columns:1fr}.segmented{grid-template-columns:1fr;display:grid}.unit-toggle{grid-template-columns:1fr 1fr;display:grid}.detail{padding:16px}.detail-header{display:grid}.hour{grid-template-rows:1fr;grid-template-columns:52px 1fr 42px 48px;align-items:center;min-height:92px}.bar-track{width:100%;height:14px}.bar-fill{width:var(--score-width,50%);height:100%!important}}