:root{--color-bg-primary: #0a1628;--color-bg-secondary: #122a4a;--color-bg-card: #1a3a5c;--color-bg-card-hover: #224a70;--color-accent-primary: #00d4aa;--color-accent-secondary: #4fc3f7;--color-accent-warning: #ffb74d;--color-accent-danger: #ef5350;--color-text-primary: #e8f4f8;--color-text-secondary: #94b8c8;--color-text-muted: #5a7a8a;--color-tide-rising: #4fc3f7;--color-tide-falling: #ff8a65;--color-tide-high: #00d4aa;--color-tide-low: #ffb74d;--color-chart-line: #00d4aa;--color-chart-fill: rgba(0, 212, 170, 0.15);--color-chart-now: #ef5350;--color-chart-grid: rgba(148, 184, 200, 0.1);--color-rating-good: #00d4aa;--color-rating-fair: #ffb74d;--color-rating-poor: #ff8a65;--color-rating-hazard: #ef5350;--gradient-good: linear-gradient(135deg, #0a3d2e 0%, #1a5c4a 100%);--gradient-fair: linear-gradient(135deg, #3d3a0a 0%, #5c5a1a 100%);--gradient-poor: linear-gradient(135deg, #3d1a0a 0%, #5c2a1a 100%);--gradient-hazardous: linear-gradient(135deg, #3d0a0a 0%, #5c1a1a 100%);--color-icon-sunrise: #ffb74d;--color-icon-sunset: #ff8a65;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);--shadow-glow: 0 0 20px rgba(0, 212, 170, 0.3);--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Courier New', monospace}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);background-attachment:fixed;color:var(--color-text-primary);min-height:100vh;line-height:1.6}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-secondary);text-decoration:underline}header{position:relative;text-align:center;padding:var(--space-lg) var(--space-md);padding-right:6rem;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(0,212,170,.2)}header h1{font-size:clamp(1.3rem,3.5vw,2rem);font-weight:300;letter-spacing:.05em;color:var(--color-accent-primary);text-shadow:0 0 30px rgba(0,212,170,.4);margin-bottom:var(--space-xs)}.location-selector{display:inline-flex;gap:var(--space-xs);align-items:center;margin-top:var(--space-xs);flex-wrap:wrap;justify-content:center}.location-separator{color:var(--color-text-muted);font-size:1rem;font-weight:300;padding:0 var(--space-xs);user-select:none}.location-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.location-label.station-label{color:var(--color-accent-primary);font-weight:600}#region-select,#area-select,#station-select{appearance:none;background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-sm);font-size:.85rem;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394b8c8' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}#region-select:hover,#area-select:hover,#station-select:hover{border-color:var(--color-accent-primary)}#region-select:focus,#area-select:focus,#station-select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px rgba(0,212,170,.2)}#region-select option,#area-select option,#station-select option{background:var(--color-bg-card);color:var(--color-text-primary);padding:var(--space-sm)}#region-select{font-weight:600;border-color:rgba(0,212,170,.3)}#area-select{font-weight:500}@media(max-width: 480px){.location-selector{flex-direction:column;width:100%;gap:var(--space-xs)}.location-separator{display:none}.location-label{display:block;text-align:center;width:100%;padding:var(--space-xs) 0}#region-select,#area-select,#station-select{width:100%;max-width:250px}}.station-selector{display:inline-block;margin-top:var(--space-xs)}footer{text-align:center;padding:var(--space-lg) var(--space-md);color:var(--color-text-muted);font-size:.8rem;border-top:1px solid hsla(0,0%,100%,.05);margin-top:var(--space-lg)}footer p{margin-bottom:var(--space-sm)}#last-update{font-family:var(--font-mono);font-size:.75rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-lg);max-width:1400px;margin:0 auto}@media(min-width: 768px){.dashboard-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.dashboard-grid{grid-template-columns:repeat(3, 1fr)}}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);border:1px solid hsla(0,0%,100%,.05);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card),var(--shadow-glow)}.card h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid hsla(0,0%,100%,.1)}.card.loading{opacity:.7;position:relative}.card.loading::after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.8);color:var(--color-accent-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem;animation:pulse 1.5s ease-in-out infinite}@media(min-width: 768px){.card-wide{grid-column:span 2}}@media(min-width: 1200px){.card-wide{grid-column:span 3}}.card-header+* h2,.card-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width: 480px){.dashboard-grid{padding:var(--space-md);gap:var(--space-md)}.card{padding:var(--space-md)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid hsla(0,0%,100%,.1)}.card-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none}.data-freshness{font-size:.65rem;font-weight:500;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,.3);white-space:nowrap}.data-freshness.fresh{color:var(--color-rating-good)}.data-freshness.stale{color:var(--color-accent-warning)}.data-freshness.old{color:var(--color-accent-danger)}.data-freshness.cached::before{content:"📦 "}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);text-align:center;color:var(--color-text-muted)}.error-state .error-icon{font-size:2rem;margin-bottom:var(--space-sm)}.error-state .error-message{font-size:.85rem;margin-bottom:var(--space-md)}.retry-btn{background:var(--color-bg-card-hover);color:var(--color-accent-primary);border:1px solid var(--color-accent-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.retry-btn:hover{background:var(--color-accent-primary);color:var(--color-bg-primary)}.retry-btn:disabled{opacity:.5;cursor:not-allowed}.status-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);min-height:100px}.status-indicator .arrow{font-size:3rem;line-height:1;transition:transform .3s ease}.status-indicator .label{font-size:1.2rem;font-weight:700;letter-spacing:.15em}.status-indicator.rising .arrow,.status-indicator.rising .label{color:var(--color-tide-rising)}.status-indicator.falling .arrow,.status-indicator.falling .label{color:var(--color-tide-falling)}.status-indicator.unavailable .arrow,.status-indicator.unavailable .label{color:var(--color-text-muted)}.value-display{text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center}.value-display .value{font-family:var(--font-mono);font-size:2.8rem;font-weight:700;color:var(--color-accent-primary);line-height:1.1}.value-display .unit{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.timestamp{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.unavailable{color:var(--color-accent-warning) !important}.error-message{color:var(--color-accent-danger);font-size:.85rem;text-align:center;padding:var(--space-md)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-text-muted);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.card-hero{grid-column:1/-1;background:var(--gradient-good);border:2px solid var(--color-rating-good);padding:var(--space-xl);transition:background .5s ease,border-color .5s ease}.card-hero:hover{transform:none}@media(max-width: 480px){.card-hero{padding:var(--space-lg)}}.ocean-status{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-radius:50px;background:rgba(0,0,0,.3);margin-bottom:var(--space-md)}.status-badge .rating-icon{font-size:2.5rem}.status-badge .rating-text{font-size:2.5rem;font-weight:800;letter-spacing:.1em;color:var(--color-rating-good);transition:color .3s ease}.status-badge.good .rating-text{color:var(--color-rating-good)}.status-badge.fair .rating-text{color:var(--color-rating-fair)}.status-badge.poor .rating-text{color:var(--color-rating-poor)}.status-badge.hazardous .rating-text{color:var(--color-rating-hazard)}@media(max-width: 480px){.status-badge{padding:var(--space-sm) var(--space-lg)}.status-badge .rating-icon,.status-badge .rating-text{font-size:1.8rem}}.status-message{font-size:1.2rem;color:var(--color-text-primary);margin-bottom:var(--space-lg);font-weight:300}@media(max-width: 480px){.status-message{font-size:1rem}}.status-details{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-md);margin-bottom:var(--space-lg);max-width:800px;margin-left:auto;margin-right:auto}@media(max-width: 600px){.status-details{grid-template-columns:repeat(2, 1fr)}}.detail-item{background:rgba(0,0,0,.2);padding:var(--space-md);border-radius:var(--radius-md);text-align:center}.detail-item .detail-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.detail-item .detail-value{display:block;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.detail-item .detail-value.good{color:var(--color-rating-good)}.detail-item .detail-value.fair{color:var(--color-rating-fair)}.detail-item .detail-value.poor{color:var(--color-rating-poor)}.skill-recommendation{font-size:.9rem;color:var(--color-text-secondary);font-style:italic}.hazard-alerts{margin-top:var(--space-lg);display:none}.hazard-alert{display:inline-flex;align-items:center;gap:var(--space-sm);background:rgba(239,83,80,.2);border:1px solid var(--color-accent-danger);color:var(--color-accent-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin:var(--space-xs);font-weight:600;font-size:.85rem}.tide-hero-section{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-lg);align-items:center;margin:var(--space-lg) 0;padding:var(--space-lg);background:rgba(0,0,0,.25);border-radius:var(--radius-lg)}@media(max-width: 700px){.tide-hero-section{grid-template-columns:1fr;gap:var(--space-md);text-align:center}}.tide-direction-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.tide-direction-hero .tide-arrow-large{font-size:4rem;line-height:1;animation:bounce 1.5s ease-in-out infinite}.tide-direction-hero .tide-state-text{font-size:1.8rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-top:var(--space-xs)}.tide-direction-hero .current-level-hero{font-size:1rem;color:var(--color-text-secondary);font-family:var(--font-mono);margin-top:var(--space-xs)}.tide-direction-hero.rising .tide-arrow-large,.tide-direction-hero.rising .tide-state-text{color:var(--color-tide-rising)}.tide-direction-hero.falling .tide-arrow-large,.tide-direction-hero.falling .tide-state-text{color:var(--color-tide-falling)}.tide-countdown{text-align:center;padding:var(--space-lg)}.tide-countdown .countdown-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.tide-countdown .countdown-time{display:block;font-size:2.2rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary);line-height:1.2;margin-bottom:var(--space-sm)}.tide-countdown .countdown-detail{display:block;font-size:.85rem;color:var(--color-text-secondary)}.tide-countdown.high .countdown-label{color:var(--color-tide-high)}.tide-countdown.low .countdown-label{color:var(--color-tide-low)}.beach-window{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:rgba(0,0,0,.2);border-radius:var(--radius-md)}.beach-window .beach-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.beach-window .beach-status{font-size:1.4rem;font-weight:700;margin:var(--space-xs) 0}.beach-window .beach-detail{font-size:.8rem;color:var(--color-text-secondary);text-align:center}.beach-window.active .beach-status{color:var(--color-rating-good)}.beach-window.upcoming .beach-status{color:var(--color-rating-fair)}.beach-window.inactive .beach-status{color:var(--color-text-muted)}.sun-times-content{display:flex;justify-content:space-around;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.sun-item{text-align:center;flex:1}.sun-item .sun-icon{font-size:2rem;margin-bottom:var(--space-xs)}.sun-item .sun-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.sun-item .sun-time{font-family:var(--font-mono);font-size:1.4rem;font-weight:600;color:var(--color-text-primary)}.sun-item.sunrise .sun-icon{color:var(--color-icon-sunrise)}.sun-item.sunset .sun-icon{color:var(--color-icon-sunset)}.day-length{text-align:center;font-size:.85rem;color:var(--color-text-secondary);padding-top:var(--space-sm);border-top:1px solid hsla(0,0%,100%,.1);margin-top:var(--space-md)}.swell-content{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-lg);align-items:center}@media(max-width: 500px){.swell-content{grid-template-columns:1fr;text-align:center}}.swell-primary{text-align:center}.swell-primary .swell-height{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:var(--color-accent-primary);line-height:1}@media(max-width: 480px){.swell-primary .swell-height{font-size:2.2rem}}.swell-primary .swell-unit{font-size:1rem;color:var(--color-text-secondary)}.swell-primary .swell-quality{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-xs)}.swell-details{display:flex;flex-direction:column;gap:var(--space-sm)}.swell-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:rgba(0,0,0,.2);border-radius:var(--radius-sm)}.swell-detail .label{font-size:.8rem;color:var(--color-text-muted)}.swell-detail .value{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-primary);font-weight:600}.swell-compass{width:80px;height:80px;position:relative}@media(max-width: 480px){.swell-compass{display:none}}.compass-ring{width:100%;height:100%;border:2px solid var(--color-text-muted);border-radius:50%;position:relative}.compass-arrow{position:absolute;top:50%;left:50%;width:4px;height:35px;background:var(--color-accent-primary);transform-origin:bottom center;transform:translate(-50%, -100%) rotate(0deg);border-radius:2px;transition:transform .5s ease}.compass-arrow::after{content:"";position:absolute;top:-6px;left:-4px;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:10px solid var(--color-accent-primary)}.compass-labels{position:absolute;top:0;left:0;width:100%;height:100%;font-size:.6rem;color:var(--color-text-muted)}.compass-labels span{position:absolute}.compass-labels .n{top:2px;left:50%;transform:translateX(-50%)}.compass-labels .s{bottom:2px;left:50%;transform:translateX(-50%)}.compass-labels .e{right:4px;top:50%;transform:translateY(-50%)}.compass-labels .w{left:4px;top:50%;transform:translateY(-50%)}.tide-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.next-high,.next-low{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);background:rgba(0,0,0,.2)}.next-high .type,.next-low .type{display:block;font-size:.65rem;font-weight:700;letter-spacing:.15em;margin-bottom:var(--space-sm)}.next-high .value,.next-low .value{display:block;font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.next-high .time,.next-low .time{display:block;font-size:.8rem;color:var(--color-text-secondary)}.next-high .type{color:var(--color-tide-high)}.next-low .type{color:var(--color-tide-low)}.chart-container{position:relative;height:250px;width:100%}@media(max-width: 480px){.chart-container{height:200px}}#tide-chart{width:100% !important;height:100% !important}.weather-content{text-align:center}.wind-info{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);background:rgba(0,0,0,.2);border-radius:var(--radius-md)}.wind-arrow{font-size:2rem;color:var(--color-accent-secondary);transition:transform .5s ease;display:inline-block}.wind-speed{font-family:var(--font-mono);font-size:1.1rem;color:var(--color-accent-secondary);font-weight:600}.wind-direction-text{font-size:.8rem;color:var(--color-text-secondary);display:block}.forecast{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.temperature{font-size:1rem;color:var(--color-text-primary);margin-bottom:var(--space-sm)}#map{height:300px;border-radius:var(--radius-md);overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}@media(max-width: 480px){#map{height:250px}}.leaflet-container{background:var(--color-bg-secondary);font-family:var(--font-family)}.station-marker{background:rgba(0,0,0,0);border:none}.marker-pin{width:14px;height:14px;border-radius:50%;background:var(--color-accent-primary);border:2px solid var(--color-bg-primary);box-shadow:0 0 0 1px var(--color-accent-primary),0 0 8px rgba(0,212,170,.5),0 1px 4px rgba(0,0,0,.2);transition:all .2s ease;cursor:pointer}.station-marker.selected .marker-pin,.marker-pin:hover{background:var(--color-chart-now);transform:scale(1.2);box-shadow:0 0 0 2px var(--color-chart-now),0 0 12px rgba(239,83,80,.6),0 1px 6px rgba(0,0,0,.3)}.leaflet-popup-content-wrapper{background:var(--color-bg-card);color:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.leaflet-popup-tip{background:var(--color-bg-card)}.leaflet-popup-content{margin:8px 12px;font-size:.8rem;line-height:1.4}.leaflet-popup-content strong{color:var(--color-accent-primary);font-size:.85rem}.popup-btn{display:block;width:100%;background:var(--color-accent-primary);color:var(--color-bg-primary);border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-sm);font-weight:600;font-size:.75rem;transition:background .2s ease}.popup-btn:hover{background:var(--color-accent-secondary)}.leaflet-control-attribution{background:rgba(10,22,40,.8) !important;color:var(--color-text-muted) !important;font-size:.7rem}.leaflet-control-attribution a{color:var(--color-accent-primary) !important}.theme-toggle{position:absolute;top:50%;right:var(--space-lg);transform:translateY(-50%);z-index:1000;background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-card)}.theme-toggle:hover{border-color:var(--color-accent-primary);transform:translateY(-50%) scale(1.05)}.theme-toggle .toggle-icon{font-size:1.2rem;transition:transform .3s ease}.theme-toggle .toggle-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}:root.light-mode{--color-bg-primary: #f0f7fa;--color-bg-secondary: #e1eff5;--color-bg-card: #ffffff;--color-bg-card-hover: #f8fbfc;--color-text-primary: #1a3a5c;--color-text-secondary: #4a6a8a;--color-text-muted: #6a8a9a;--color-accent-primary: #00a080;--color-accent-secondary: #2196c4;--color-accent-warning: #e09000;--color-accent-danger: #d32f2f;--color-tide-rising: #1976d2;--color-tide-falling: #e65100;--color-tide-high: #00897b;--color-tide-low: #ef6c00;--color-chart-line: #00897b;--color-chart-fill: rgba(0, 137, 123, 0.15);--color-chart-now: #d32f2f;--color-chart-grid: rgba(26, 58, 92, 0.1);--color-rating-good: #00897b;--color-rating-fair: #ef6c00;--color-rating-poor: #e65100;--color-rating-hazard: #d32f2f;--gradient-good: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);--gradient-fair: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);--gradient-poor: linear-gradient(135deg, #fbe9e7 0%, #ffccbc 100%);--gradient-hazardous: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);--color-icon-sunrise: #f57c00;--color-icon-sunset: #e64a19;--shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);--shadow-glow: 0 0 20px rgba(0, 137, 123, 0.2)}:root.light-mode body{background:linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%)}:root.light-mode header{background:hsla(0,0%,100%,.7);border-bottom-color:rgba(0,137,123,.3)}:root.light-mode .card{border-color:rgba(0,0,0,.08);box-shadow:var(--shadow-card)}:root.light-mode .card h2{border-bottom-color:rgba(0,0,0,.08)}:root.light-mode .card-header{border-bottom-color:rgba(0,0,0,.08)}:root.light-mode .card-hero{border-color:var(--color-rating-good)}:root.light-mode .detail-item,:root.light-mode .swell-detail,:root.light-mode .wind-info,:root.light-mode .next-high,:root.light-mode .next-low{background:rgba(0,0,0,.04)}:root.light-mode .tide-hero-section{background:rgba(0,0,0,.05)}:root.light-mode .beach-window{background:rgba(0,0,0,.04)}:root.light-mode .status-badge{background:hsla(0,0%,100%,.6)}:root.light-mode .theme-toggle{background:var(--color-bg-card);border-color:rgba(0,0,0,.12)}:root.light-mode .day-length{border-top-color:rgba(0,0,0,.08)}:root.light-mode .compass-ring{border-color:var(--color-text-muted)}:root.light-mode footer{border-top-color:rgba(0,0,0,.08)}:root.light-mode .leaflet-control-attribution{background:hsla(0,0%,100%,.9) !important;color:var(--color-text-muted) !important}:root.light-mode #map{border-color:rgba(0,0,0,.1)}:root.light-mode .marker-pin{border-color:#fff}:root.light-mode #station-select{background-color:var(--color-bg-card);border-color:rgba(0,0,0,.15);color:var(--color-text-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a6a8a' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}:root.light-mode #station-select option{background:var(--color-bg-card);color:var(--color-text-primary)}/*# sourceMappingURL=styles.css.map */