:root{--alert-official-strip:#c0392b;--alert-partial-strip:var(--fg-st-sufficient-amber,#ffb52a);--alert-environmental-strip:#2e7d32;--alert-empty-ring:var(--fg-st-healthy-primary,#48cd4a);--alert-card-border:var(--fg-bg-light-grey,#f4f4f4);--card-surface:var(--fg-brand-white,#fff);--card-radius:var(--fg-radius-lg,10px);--card-shadow:none;--text-primary:var(--fg-text-primary,#1a1a1a);--text-body:#010101;--text-meta:#6b7380;--border-divider:#eef0f3;--border-primary:var(--fg-border-primary,#d9d9d9);--chip-bg:#f4f5f7;--chip-border:#cdd5e0;--link-color:#0b6ea8;--overlay-backdrop:rgba(0,0,0,.55);--overlay-bg:var(--fg-brand-white,#fff);--overlay-radius:var(--fg-radius-lg,10px);--overlay-max-width:560px;--overlay-z:1000;--alert-tap-min:48px;--card-font:var(--fg-font-sans,Roboto,system-ui,-apple-system,"Segoe UI",sans-serif)}.alert-card{width:100%;min-height:317px;display:flex;flex-direction:column;background-color:var(--card-surface);border:1px solid var(--alert-card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);margin-bottom:0;overflow:hidden;font-family:var(--card-font);color:var(--text-body);cursor:pointer;transition:opacity .2s ease}.alert-card--official,.alert-card--partial,.alert-card--environmental{border-color:var(--alert-card-border)}.alert-card--empty{cursor:default;border-radius:12px;border:0;box-shadow:2.943px 2.943px 2.943px rgba(0,0,0,.05),inset 0 2px 4px rgba(0,0,0,.03)}.alert-card[tabindex="0"]:focus-visible{outline:3px solid var(--link-color);outline-offset:2px}.alert-card__strip{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#fff;min-height:37px}.alert-card--official .alert-card__strip{background-color:var(--alert-official-strip)}.alert-card--partial .alert-card__strip{background-color:var(--alert-partial-strip)}.alert-card--environmental .alert-card__strip{background-color:var(--alert-environmental-strip)}.alert-card--partial .alert-card__strip,.alert-card--partial .alert-card__strip-label{color:#010101}.alert-card__strip-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px}.alert-card__strip-label{color:#fff;font-family:var(--card-font);font-weight:700;font-size:11px;line-height:calc(12.890625/11);letter-spacing:1.2px}.alert-card__body{padding:14px 16px;color:var(--text-body);display:flex;flex-direction:column;gap:12px}.alert-card__title-group{display:flex;flex-direction:column;gap:3px;padding-right:80px}.alert-card__title{margin:0;font-family:var(--card-font);font-weight:700;font-size:16px;line-height:calc(20/16);letter-spacing:0;color:var(--text-body)}.alert-card__message{margin:0;font-family:var(--card-font);font-weight:400;font-size:12px;line-height:calc(17.4/12);letter-spacing:0;color:var(--text-meta)}.alert-card__message p{margin:0 0 6px}.alert-card__message p:last-child{margin-bottom:0}.alert-card__chips{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-items:center;max-width:326px}.alert-card__chip{width:100%;max-width:159px;line-height:0}.alert-card__chip img{display:block;width:100%;height:auto}.alert-card__chip:only-child,.alert-card__chip:nth-child(3):last-child{grid-column:1/-1}.alert-card__since-block{display:flex;flex-direction:column;gap:3.2px}.alert-card__active-since,.alert-card__active-until{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--card-font);font-weight:400;font-size:12px;line-height:calc(14.0625/12);color:var(--text-meta)}.alert-card__meta-icon{flex-shrink:0;width:13px;height:13px;color:var(--text-meta)}.alert-card__active-since-value,.alert-card__active-until-value{font-weight:700;color:var(--text-body)}.alert-card__footnote{margin:3px 0 0;font-family:var(--card-font);font-weight:400;font-size:12px;line-height:calc(17.4/12);color:var(--text-meta)}.alert-card__disclaimer{display:flex;align-items:flex-start;gap:6px;margin:0;padding-top:9px;border-top:1px solid var(--border-divider);font-family:var(--card-font);font-weight:400;font-size:11px;line-height:calc(15.4/11);color:var(--text-meta)}.alert-card__disclaimer-icon{flex-shrink:0;width:12px;height:12px;margin-top:2px;color:var(--text-meta)}.alert-card__separator{border:0;border-top:1px solid var(--border-divider);margin:0}.alert-card__images{display:flex;flex-wrap:wrap;gap:8px;margin:0}.alert-card__image{width:80px;height:60px;object-fit:cover;border-radius:4px;border:1px solid var(--border-primary)}.alert-card__expiry{margin:0;font-size:11px;color:var(--text-meta);opacity:.85}.alert-card--empty .alert-card__body{padding:32px 16px;align-items:center;text-align:center;gap:20px}.alert-card__empty-icon{width:80px;height:80px;border-radius:50%;background:var(--fg-bg-panel,#f7f7f7);border:2px solid var(--alert-empty-ring);display:flex;align-items:center;justify-content:center;color:var(--alert-empty-ring)}.alert-card__empty-icon svg{width:32px;height:32px}.alert-card--empty .alert-card__title{margin:0;font-family:var(--card-font);font-weight:700;font-size:20px;line-height:calc(23.4375/20);color:#000;text-align:center;padding-right:0}.alert-card__empty-note{width:100%;margin:0;padding:14px 16px;background:var(--fg-bg-panel,#f7f7f7);border-radius:12px;font-family:var(--card-font);font-weight:400;font-size:12px;line-height:calc(14.0625/12);color:var(--fg-brand-primary-cyan,#2ea9d3);text-align:center}.overlay{border:0;padding:0;margin:auto;background:transparent;width:100%;max-width:var(--overlay-max-width);max-height:90vh;color:inherit;font-family:var(--card-font)}.overlay::backdrop{background:var(--overlay-backdrop)}.overlay__container{background:var(--overlay-bg);border-radius:var(--overlay-radius);box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.overlay__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.overlay__title{margin:0;font-family:var(--card-font);font-weight:700;font-size:18px;line-height:1.25;color:var(--text-primary)}.overlay__close{background:none;border:0;cursor:pointer;font-size:1.2rem;line-height:1;padding:12px;min-width:var(--alert-tap-min);min-height:var(--alert-tap-min);border-radius:4px;color:var(--text-primary)}.overlay__close:hover{background:rgba(0,0,0,.06)}.overlay__close:focus-visible{background:rgba(0,0,0,.06);outline:2px solid var(--link-color,#0b6ea8);outline-offset:2px}.overlay__body{padding:16px 20px;overflow-y:auto;color:var(--text-primary)}.overlay__empty{color:var(--text-meta);text-align:center;margin:32px 0}@media(max-width:768px){.alert-card__title-group{padding-right:32px}.alert-card--empty .alert-card__body{padding:28px 16px;gap:20px}}.beach-detail__safety{display:inline-block;padding:4px 14px;border-radius:99px;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.safety--safe{background:#d1fae5;color:#065f46}.safety--caution{background:#fef3c7;color:#92400e}.safety--unsafe{background:#fee2e2;color:#991b1b}.safety--unknown{background:#f3f4f6;color:#374151}.beach-detail{max-width:800px;margin:0 auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));font-family:system-ui,-apple-system,sans-serif}.beach-detail__header{margin-bottom:24px}.beach-detail__name{margin:0 0 4px;font-size:1.6rem}.beach-detail__location{margin:0 0 8px;color:#6b7280}.beach-detail__quality dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}.beach-detail__quality dt{font-weight:600;color:#374151}.beach-detail__features{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0}.beach-detail__features li{background:#f3f4f6;border-radius:99px;padding:4px 12px;font-size:.85rem}.alert-card__beaches{margin:6px 0 12px;font-family:var(--card-font,Roboto,system-ui,sans-serif);font-size:13px;line-height:1.4;color:#1a1a1a}.alert-card__beaches-label{font-weight:600;margin-right:6px}.alert-card__beaches-list{font-weight:400}.alert-card__beach-name{color:var(--text-body,#1a1a1a)}.alert-card__beach-link{color:#0b6ea8;text-decoration:underline;text-underline-offset:2px}.alert-card__beach-link:hover{color:#084c75}.alert-card__beach-link:focus-visible{color:#084c75;outline:2px solid var(--link-color);outline-offset:2px;border-radius:2px}.alert-card--link{position:relative;cursor:pointer}.alert-card__link{position:absolute;inset:0;z-index:1}.alert-card--link:hover{box-shadow:0 4px 14px rgba(11,110,168,.15)}.alert-card--link:focus-within{outline:3px solid var(--link-color);outline-offset:2px;box-shadow:0 4px 14px rgba(11,110,168,.15)}body.in-webview .beach-detail{padding-top:0}.alert-deeplink-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border-left:4px solid var(--alert-official-strip,#c0392b);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);text-decoration:none;color:var(--text-body,#1a1a1a);font-size:14px;line-height:1.3}.alert-deeplink-banner:hover,.alert-deeplink-banner:focus-visible{box-shadow:0 2px 6px rgba(0,0,0,.2)}.alert-deeplink-banner__count{font-weight:700;white-space:nowrap}.alert-deeplink-banner__title{flex:1 1 auto;min-width:0;overflow:hidden}.alert-deeplink-banner__cue{flex:0 0 auto;font-weight:600;color:var(--alert-official-strip,#c0392b)}.alert-deeplink-banner--partial{border-left-color:var(--alert-partial-strip,#ffb52a)}.alert-deeplink-banner--partial .alert-deeplink-banner__cue{color:#8a6d00}.alert-deeplink-banner--environmental{border-left-color:var(--alert-environmental-strip,#2e7d32)}.alert-deeplink-banner--environmental .alert-deeplink-banner__cue{color:var(--alert-environmental-strip,#2e7d32)}