@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--cyan:#00b4d8;--cyan-dark:#0096c7;--cyan-deeper:#0077b6;--cyan-light:#caf0f8;--cyan-xlight:#e0f7fa;--cyan-bg:#f0faff;--great:#1a9e5c;--great-bg:#d0f5e8;--mod:#b36a00;--mod-bg:#fff3cd;--rough:#c0392b;--rough-bg:#fce8e6;--text:#012a3a;--text2:#2e6880;--text3:#3d7082;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:100px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,SF Pro Display,Segoe UI,system-ui,sans-serif;background:var(--cyan-bg);color:var(--text);min-height:100vh;-webkit-tap-highlight-color:transparent}.badge{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.66rem;font-weight:700;letter-spacing:.3px}.badge.great{background:var(--great-bg);color:var(--great)}.badge.moderate{background:var(--mod-bg);color:var(--mod)}.badge.rough{background:var(--rough-bg);color:var(--rough)}.sec-lbl{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text3);padding:14px 0 8px}.d-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin-bottom:16px}.d-metric{background:var(--cyan-xlight);border-radius:var(--radius-md);padding:14px 8px;flex-direction:column;gap:5px}.d-metric,.d-metric .di{display:flex;align-items:center}.d-metric .di{width:28px;height:28px;justify-content:center;color:var(--cyan-dark)}.d-metric .di svg{width:22px;height:22px}.d-metric .dv{font-size:1.05rem;font-weight:800;color:var(--text);letter-spacing:-.3px}.d-metric .dl{font-size:.58rem;letter-spacing:.5px;text-align:center}.d-metric .dl,.fc-title{color:var(--text3);text-transform:uppercase}.fc-title{font-size:.65rem;font-weight:700;letter-spacing:1.5px;margin-bottom:9px}.d-forecast{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px}.d-forecast::-webkit-scrollbar{height:0}.d-fc{display:flex;flex-direction:column;align-items:center;background:var(--cyan-xlight);border-radius:var(--radius-md);padding:12px 14px;min-width:72px;gap:4px;flex-shrink:0}.d-fc.today{background:#fff;border:1.5px solid var(--cyan-dark)}.d-fc .dd{font-size:.62rem;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.d-fc .dw{font-weight:800;color:var(--cyan-dark);font-size:.9rem}.d-fc .db{font-size:.62rem;font-weight:700;border-radius:var(--radius-pill);padding:3px 8px}.d-fc .dwx{font-size:1.1rem;line-height:1}.rating-section{background:var(--cyan-xlight);border-radius:var(--radius-md);padding:14px;margin:14px 0}.rating-big{display:flex;align-items:center;gap:12px}.rating-num{font-size:2.2rem;font-weight:900;color:var(--text);line-height:1}.rating-stars{display:flex;gap:2px;margin-bottom:2px}.rating-count{font-size:.7rem;color:var(--text3)}.star{font-size:1rem}.star.lit{color:#f4c542}.star.dim{color:#ddd}.no-rating{font-size:.8rem;color:var(--text3);text-align:center;padding:8px 0}.comm-report{background:#fff;border-radius:var(--radius-md);padding:11px 13px;margin-bottom:8px;border:1.5px solid var(--cyan-light)}.cr-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.cr-pill{display:inline-flex;align-items:center;gap:3px;background:var(--cyan-xlight);border:1px solid var(--cyan-light);border-radius:var(--radius-pill);padding:3px 9px;font-size:.68rem;color:var(--text)}.cr-comment{font-size:.76rem;color:var(--text);font-style:italic;line-height:1.45;margin-top:4px}.cr-meta{font-size:.6rem;color:var(--text3);margin-top:4px}.cr-verified{font-size:.58rem;color:var(--great);font-weight:700;margin-left:4px}.no-reports{font-size:.8rem;color:var(--text3);text-align:center;padding:14px}.beach-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:480px){.beach-grid{grid-template-columns:1fr 1fr}}.beach-card-link{background:#fff;border-radius:var(--radius-lg);padding:14px 15px;border:1.5px solid var(--cyan-light);border-left:4px solid var(--cyan-dark);text-decoration:none;display:block;transition:box-shadow .2s,border-color .2s,transform .15s cubic-bezier(.32,1,.22,1)}.beach-card-link:hover{box-shadow:0 6px 24px rgba(0,80,120,.11);border-color:var(--cyan)}.beach-card-link:active{transform:scale(.985)}.bc-name{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.3px;margin-bottom:2px}.bc-name-en{font-size:.72rem;color:var(--text3);font-weight:500}.bc-coords{font-size:.6rem;color:var(--text3);margin-top:8px;display:flex;align-items:center;gap:3px}.bc-arrow{margin-top:10px;font-size:.72rem;font-weight:700;color:var(--cyan-dark)}.overlay-sheet{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;justify-content:flex-end}.overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.sheet-panel{position:relative;background:#fff;border-radius:20px 20px 0 0;padding:0 18px calc(24px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -4px 32px rgba(0,0,0,.15)}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#ddd;margin:14px auto 20px}.form-title{font-size:1.05rem;font-weight:800;color:var(--text)}.form-group,.form-title{margin-bottom:16px}.form-label{font-size:.72rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:block}.pill-group{display:flex;gap:7px;flex-wrap:wrap}.pill-opt{padding:8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--cyan-light);background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text);transition:all .15s}.pill-opt.sel{background:var(--cyan-dark);color:#fff;border-color:var(--cyan-dark)}.pill-opt:focus-visible{outline:2.5px solid var(--cyan-dark);outline-offset:2px}.form-textarea{width:100%;padding:11px 14px;border:1.5px solid var(--cyan-light);border-radius:var(--radius-md);font-size:.86rem;font-family:inherit;outline:none;resize:vertical;color:var(--text);background:#fff;min-height:80px}.form-textarea:focus{border-color:var(--cyan-dark)}.char-count{font-size:.62rem;color:var(--text3);text-align:right;margin-top:3px}.form-submit{width:100%;padding:14px;background:var(--cyan-dark);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.92rem;font-weight:700;cursor:pointer;margin-top:6px;letter-spacing:.3px;transition:opacity .15s}.form-submit:disabled{opacity:.5;cursor:not-allowed}.report-form-btn{width:100%;margin-top:10px;padding:12px;background:var(--cyan-dark);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.84rem;font-weight:700;cursor:pointer;letter-spacing:.3px}.cr-header{gap:8px;margin-bottom:6px}.cr-avatar,.cr-header{display:flex;align-items:center}.cr-avatar{width:28px;height:28px;border-radius:50%;background:var(--cyan-xlight);border:1.5px solid var(--cyan-light);flex-shrink:0;justify-content:center;font-size:.7rem;font-weight:700;color:var(--cyan-dark);overflow:hidden}.cr-avatar img{width:100%;height:100%;object-fit:cover}.cr-user{font-size:.72rem;font-weight:700;color:var(--text)}.cr-time{font-size:.6rem;color:var(--text3);margin-left:auto}.cr-votes{display:flex;gap:6px;margin-top:8px}.vote-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);border:1.5px solid var(--cyan-light);background:#fff;font-size:.65rem;font-weight:700;cursor:pointer;color:var(--text3);transition:all .15s}.vote-btn.active-verify{background:var(--great-bg);border-color:var(--great);color:var(--great)}.vote-btn.active-dispute{background:var(--rough-bg);border-color:var(--rough);color:var(--rough)}.vote-btn:hover:not(:disabled){border-color:var(--cyan-dark);color:var(--text)}.vote-btn:disabled{opacity:.6;cursor:not-allowed}.toast-wrap{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:9999;pointer-events:none}.toast-msg{background:#012a3a;color:#fff;padding:10px 22px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;white-space:nowrap;animation:toastIn .25s ease,toastOut .3s ease 2.5s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0}}.search-wrap{position:relative;flex:1 1}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;color:rgba(60,60,67,.4)}.search-input{width:100%;padding:13px 40px 13px 42px;border:none;border-radius:var(--radius-pill);font-size:.9rem;background:rgba(255,255,255,.92);outline:none;color:var(--text);font-weight:500;font-family:inherit;transition:background .2s,box-shadow .2s}.search-input:focus{background:#fff;box-shadow:0 6px 28px rgba(0,0,0,.18),0 0 0 3px rgba(255,255,255,.35)}.search-input::placeholder{color:rgba(60,60,67,.45)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.1);border:none;border-radius:50%;width:22px;height:22px;display:flex;justify-content:center;font-size:.6rem;color:var(--text3);line-height:1}.filter-trigger,.search-clear{align-items:center;cursor:pointer}.filter-trigger{display:inline-flex;gap:6px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);padding:8px 14px;font-size:.74rem;font-weight:700;color:rgba(255,255,255,.9);transition:all .15s;white-space:nowrap;font-family:inherit;flex-shrink:0}.filter-trigger:active{background:rgba(255,255,255,.25)}.filter-trigger.has-filters{background:#fff;color:var(--cyan-dark);border-color:#fff}.filter-count-badge{background:#e74c3c;color:#fff;border-radius:var(--radius-pill);padding:1px 7px;font-size:.65rem;font-weight:800}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.filter-sheet-title{font-size:1rem;font-weight:800;color:var(--text)}.clear-filters-btn{background:none;border:none;font-size:.78rem;font-weight:600;color:var(--rough);cursor:pointer;font-family:inherit}.filter-section{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--cyan-xlight)}.filter-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.filter-section-title{font-size:.6rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.filter-pill-row{display:flex;gap:7px;flex-wrap:wrap}.filter-region-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-region-row::-webkit-scrollbar{display:none}.filter-pill{padding:8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--cyan-light);background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text2);transition:all .15s;white-space:nowrap;font-family:inherit}.filter-pill.active{background:var(--cyan-dark);color:#fff;border-color:var(--cyan-dark)}.apply-filters-btn{width:100%;padding:14px;background:var(--cyan-dark);color:#fff;border:none;border-radius:var(--radius-pill);font-size:.92rem;font-weight:700;cursor:pointer;margin-top:8px;font-family:inherit}.results-count{font-size:.72rem;color:var(--text3);font-weight:600;padding:0 0 12px}.no-results{font-size:.88rem;color:var(--text3);text-align:center;padding:48px 20px}.bc-region{font-size:.72rem;color:var(--text3);margin-top:3px}.rate-stars-row{display:flex;gap:2px;margin-top:10px;margin-left:-10px}.rate-star{cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;padding:0;transition:transform .1s}.rate-star svg{width:28px;height:28px;fill:#ddd;stroke:none;transition:fill .15s}.rate-star.lit svg{fill:#f4c542}.rate-star:active{transform:scale(1.2)}.rate-star:disabled{opacity:.6;cursor:not-allowed}.rate-login-prompt{font-size:.72rem;color:var(--text3);margin-top:10px}.rate-mine{font-size:.72rem;color:var(--great);font-weight:600;margin-top:4px}.hero-fav-btn{background:rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s;flex-shrink:0}.hero-fav-btn:active{transform:scale(1.1)}.hero-fav-btn svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s,stroke .15s}.hero-fav-btn.active svg{fill:#e74c3c;stroke:#e74c3c}.card-fav-btn{position:absolute;top:10px;right:10px;background:none;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s;z-index:2}.card-fav-btn:active{transform:scale(1.2)}.card-fav-btn svg{width:18px;height:18px;fill:none;stroke:#aaa;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s,stroke .15s}.card-fav-btn.active svg{fill:#e74c3c;stroke:#e74c3c}.fav-page-empty{font-size:.88rem;color:var(--text3);text-align:center;padding:48px 20px}.skeleton{background:linear-gradient(90deg,var(--cyan-xlight) 25%,#fff 50%,var(--cyan-xlight) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:28px;height:28px;border:3px solid var(--cyan-light);border-top-color:var(--cyan-dark);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-pulse{background:linear-gradient(90deg,var(--cyan-xlight) 25%,#e8f5fa 50%,var(--cyan-xlight) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.stats-bar{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:13px 0;margin:14px auto 0;max-width:400px}.stats-bar,.stats-bar-item{display:flex;align-items:center}.stats-bar-item{flex:1 1;flex-direction:column;gap:3px}.stats-bar-val{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-1.5px;line-height:1}.stats-bar-lbl{font-size:.56rem;font-weight:700;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.8px}.stats-bar-sep{width:1px;height:34px;background:rgba(255,255,255,.22)}.weather-card{background:#fff;border-radius:var(--radius-lg);padding:14px 15px 14px 13px;margin-bottom:12px;border:1.5px solid var(--cyan-light);border-left:4px solid transparent;transition:box-shadow .2s,border-color .2s}.weather-card:hover{box-shadow:0 6px 24px rgba(0,80,120,.11);border-color:var(--cyan)}.weather-card.cond-great{border-left-color:var(--great)}.weather-card.cond-moderate{border-left-color:var(--mod)}.weather-card.cond-rough{border-left-color:var(--rough)}.wc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.wc-name{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.3px}.wc-region{font-size:.65rem;color:var(--text3);margin-top:3px}.wc-badge-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.weather-metrics{display:flex;gap:6px;flex-wrap:wrap}.wm-metric{display:flex;flex-direction:column;align-items:center;background:var(--cyan-xlight);border-radius:var(--radius-sm);padding:7px 8px;min-width:54px}.wm-val{font-size:.8rem;font-weight:700;color:var(--text)}.wm-lbl{font-size:.58rem;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.wc-rating{font-size:.72rem;color:var(--text);font-weight:600;padding-top:6px}.forecast-strip{display:flex;gap:6px;margin-top:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.forecast-strip::-webkit-scrollbar{height:0}.forecast-day{display:flex;flex-direction:column;align-items:center;background:var(--cyan-xlight);border-radius:10px;padding:6px 8px;min-width:50px;gap:2px;flex-shrink:0;border:1.5px solid transparent}.forecast-day.is-today{border-color:var(--cyan-dark);background:#fff}.fd-name{font-size:.55rem;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.fd-wave{font-size:.76rem;font-weight:800;color:var(--cyan-dark)}.fd-cond{font-size:.55rem;font-weight:700}.wc-actions{display:flex;gap:8px;margin-top:10px}.wc-btn{flex:1 1;padding:10px 12px;border-radius:var(--radius-pill);border:1.5px solid transparent;font-size:.74rem;font-weight:700;cursor:pointer;text-align:center;letter-spacing:.2px;transition:all .15s;font-family:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center}.wc-btn-primary{background:var(--cyan-dark);color:#fff;border-color:var(--cyan-dark)}.wc-btn-primary:hover{background:var(--cyan-deeper);border-color:var(--cyan-deeper)}.wc-btn-secondary{background:#fff;color:var(--cyan-dark);border-color:var(--cyan-light)}.wc-btn-secondary:hover{background:var(--cyan-xlight);border-color:var(--cyan)}.inline-fav-btn{background:none;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.inline-fav-btn svg{width:16px;height:16px;fill:none;stroke:#bbb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s,stroke .15s}.inline-fav-btn.active svg{fill:#e74c3c;stroke:#e74c3c}.tab-bar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:6px 8px;display:flex;width:-moz-fit-content;width:fit-content;max-width:320px;z-index:1000}.tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:#6b7280;background:transparent;border:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;border-radius:999px;padding:8px 20px;white-space:nowrap}.tab-btn.active{background:#0ea5e9;color:white}.tab-btn svg{width:20px;height:20px}.map-loading{justify-content:center;height:300px;color:#9ca3af;font-size:.9rem}.geo-bar,.map-loading{display:flex;align-items:center}.geo-bar{justify-content:space-between;padding:8px 12px;background:#f0f9ff;border-radius:12px;font-size:13px;color:#0369a1;margin-bottom:10px}.geo-btn{background:#0ea5e9;color:white;border:none;border-radius:16px;padding:5px 14px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:600;flex-shrink:0;white-space:nowrap}.hidden-card{background:white;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.access-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;background:#f1f5f9;font-size:12px;color:#475569;white-space:nowrap;flex-shrink:0}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;max-height:200px;overflow-y:auto;padding:4px 0}@media (max-width:480px){.region-grid{grid-template-columns:repeat(2,1fr)}}.region-pill{padding:6px 10px;border-radius:20px;border:1px solid #e5e7eb;background:white;font-size:13px;cursor:pointer;text-align:center;font-family:inherit;color:var(--text);transition:background .12s,border-color .12s;width:100%}.region-pill.active{background:#0ea5e9;color:white;border-color:#0ea5e9}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#e5e7eb;border-radius:12px;transition:.2s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}input:checked+.toggle-slider{background:#0ea5e9}input:checked+.toggle-slider:before{transform:translateX(20px)}.hidden-marker{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:white;border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,.3)}