.mode-toggle{border:1px solid rgba(8,35,62,.13);background:rgba(255,255,255,.72);color:var(--navy);height:37px;padding:0 12px;border-radius:99px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;box-shadow:0 5px 14px rgba(8,35,62,.08);transition:transform .2s,background .2s,color .2s}.mode-toggle:hover{transform:translateY(-1px);background:#fff}.mode-toggle span{font-size:14px}.mode-toggle b{font-weight:800}
.marine-panel{margin:0 5px 28px;background:linear-gradient(115deg,#063f59,#087a8d);color:#fff;border-radius:26px;padding:27px 31px;display:grid;grid-template-columns:1.05fr 2.2fr;gap:28px 34px;align-items:center;box-shadow:0 18px 45px rgba(4,75,91,.18);position:relative;overflow:hidden}.marine-panel[hidden]{display:none}.marine-panel:after{content:"";position:absolute;right:-45px;top:-80px;width:240px;height:180px;border:2px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 30px 0 rgba(255,255,255,.04),0 60px 0 rgba(255,255,255,.03)}.marine-intro{position:relative;z-index:1}.marine-intro .eyebrow{color:#ffd078}.marine-intro h2{font:800 30px/1 "League Spartan";margin:0 0 8px}.marine-intro>p:last-child{font-size:10px;color:#b8dfe2;margin:0}.marine-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;position:relative;z-index:1}.marine-metrics>div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:13px 11px;display:flex;gap:8px;align-items:center}.marine-metrics>div>span{font-size:18px}.marine-metrics p{margin:0;display:flex;flex-direction:column;font-size:7px;text-transform:uppercase;letter-spacing:.8px;color:#bde0e3;font-weight:700}.marine-metrics strong{font:800 18px "League Spartan";color:#fff;text-transform:none;letter-spacing:0;margin-top:3px}.marine-metrics small{font-size:7px;text-transform:none;letter-spacing:0;color:#8fc5ca}.marine-note{grid-column:1/-1;margin:-15px 0 0;font-size:8px;color:#91c7cc;border-top:1px solid rgba(255,255,255,.1);padding-top:11px}
body.tropical-mode{--navy:#064d60;--navy-2:#087b88;--ink:#153b43;--orange:#f26958;--gold:#ffd166;--cream:#fff5df;--muted:#5e7e80;--line:#d7e4df;--blue:#c8f0ed;background:linear-gradient(180deg,#fff7e5 0,#f8edcf 100%)}body.tropical-mode .weather-backdrop{background:linear-gradient(160deg,#9ee7ec 0%,#d8f7ef 43%,#ffe4ac 76%,#f5cb7b 100%)}body.tropical-mode .weather-backdrop:after{content:"";position:absolute;left:-3%;right:-3%;bottom:0;height:155px;background:radial-gradient(70px 24px at 7% 90%,rgba(255,255,255,.55) 0 48%,transparent 52%),radial-gradient(85px 28px at 25% 88%,rgba(255,255,255,.42) 0 48%,transparent 52%),radial-gradient(100px 30px at 48% 92%,rgba(255,255,255,.5) 0 48%,transparent 52%),linear-gradient(180deg,transparent 0 44%,rgba(7,147,165,.2) 45% 62%,rgba(255,255,255,.25) 63% 70%,#f4d18a 71%)}body.tropical-mode .sun-glow{background:rgba(255,195,71,.52);box-shadow:0 0 115px 65px rgba(255,208,102,.26)}body.tropical-mode .brand-mark{background:#087b88;box-shadow:4px 4px 0 #f26958}body.tropical-mode .brand-mark svg{display:none}body.tropical-mode .brand-mark:after{content:"🌴";font-size:23px;transform:rotate(4deg)}body.tropical-mode .mode-toggle{background:#f26958;color:#fff;border-color:#e45e4e}body.tropical-mode .location-button{background:#087b88;cursor:default}body.tropical-mode .location-button .chevron{display:none}body.tropical-mode .alert-strip strong{background:#d6f2df;color:#257252}body.tropical-mode .forecast-panel{background:linear-gradient(135deg,#064d60,#087b88)}body.tropical-mode .current-weather{background:rgba(255,255,255,.82)}body.tropical-mode .current-weather:before{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,#0ba5b5,#ffd166,#f26958)}body.tropical-mode .radar-card,body.tropical-mode .details-card,body.tropical-mode .sun-card,body.tropical-mode .county-card{border-color:#c8ddd6}body.tropical-mode .radar-timeline{background:rgba(4,77,96,.94)}body.tropical-mode .live-badge{background:#d9f4eb;color:#28735a}body.tropical-mode .town-dot{background:#f26958}body.tropical-mode footer{background:#043c4c}body.tropical-mode .mini-mark{color:#ffd166}body.tropical-mode .chief-avatar{background:#087b88}body.tropical-mode .day-card:first-child{border-top-color:#f26958}
@media(max-width:1100px){.mode-toggle b{display:none}.mode-toggle{width:37px;padding:0;justify-content:center}}
@media(max-width:900px){.marine-panel{grid-template-columns:1fr;margin-top:12px}.marine-metrics{grid-template-columns:repeat(4,1fr)}}
@media(min-width:621px) and (max-width:900px){.mode-toggle{width:auto;padding:0 12px}.mode-toggle b{display:block}}
@media(max-width:620px){.site-header{height:118px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.site-header .brand{width:100%}.header-actions{width:100%;justify-content:space-between;gap:8px}.mode-toggle{position:static;width:auto;padding:0 14px;background:#fff;box-shadow:0 6px 18px rgba(8,35,62,.14)}.mode-toggle b{display:block}.marine-panel{margin:0 -18px 18px;border-radius:0;padding:27px 18px;gap:22px}.marine-metrics{grid-template-columns:1fr 1fr}.marine-note{margin-top:-5px}body.tropical-mode .mode-toggle{background:#f26958}.marine-intro h2{font-size:27px}}

.nautical-nutter-section { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; background: rgba(255,255,255,0.1); padding: 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.2); grid-column: 1 / -1; align-items: center; }
.nautical-allen { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.2); animation: bob 4s infinite ease-in-out; }
.tide-charts h3 { font: 800 20px "League Spartan"; margin: 0 0 10px; color: #fff; }
.tide-data { display: flex; gap: 15px; }
.tide-item { display: flex; flex-direction: column; background: rgba(0,0,0,0.15); padding: 10px 15px; border-radius: 12px; }
.tide-item span { font-size: 10px; font-weight: 700; color: #bde0e3; text-transform: uppercase; letter-spacing: 1px; }
.tide-item strong { font: 800 16px "League Spartan"; margin-top: 4px; }
.surf-bagel-status { margin-left: auto; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.9); color: var(--navy); padding: 10px 15px; border-radius: 12px; }
.bagel-icon { font-size: 24px; }
.bagel-info { display: flex; flex-direction: column; }
.bagel-info strong { font: 800 14px "League Spartan"; }
.status-badge { display: inline-block; padding: 3px 8px; border-radius: 4px; font-size: 10px; font-weight: 800; margin-top: 3px; }
.status-badge.open { background: #48a66e; color: #fff; }
.status-badge.closed { background: #d94c4c; color: #fff; }