.month-selector{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.month-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.month-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.month-nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2c4a5214}.month-display{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;color:var(--color-text-primary);min-width:180px;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.current-badge{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-full)}.month-pills{display:flex;justify-content:center;gap:var(--space-1);flex-wrap:wrap}.month-pill{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.month-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.month-pill.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.month-pill.current:not(.selected){border-color:var(--color-secondary);color:var(--color-secondary)}.month-pill.current:not(.selected):after{content:"";display:block;width:4px;height:4px;background:var(--color-secondary);border-radius:50%;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.month-pill{position:relative}@media(max-width:768px){.month-nav{gap:var(--space-2)}.month-nav-btn{width:36px;height:36px}.month-display{font-size:var(--text-xl);min-width:140px}.current-badge{font-size:10px}}@media(max-width:640px){.month-pills{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);width:100%}.month-pill{padding:var(--space-2) var(--space-1);font-size:var(--text-xs);min-height:44px;display:flex;align-items:center;justify-content:center;width:100%}}@media(max-width:480px){.month-display{font-size:var(--text-lg);min-width:120px}.month-pills{gap:var(--space-1)}.month-pill{font-size:11px;min-height:40px}}.monthly-overview{background:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6)}.monthly-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.monthly-title-section{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.monthly-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;color:var(--color-text-primary);margin:0}.season-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.venue-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:2px solid;font-size:var(--text-sm);font-weight:600}.conditions-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:768px){.conditions-stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-lg);min-width:0;overflow:hidden}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.stat-icon.temperature{background:#ef44441a;color:#ef4444}.stat-icon.humidity{background:#3b82f61a;color:#3b82f6}.stat-icon.rainfall{background:#6366f11a;color:#6366f1}.stat-icon.sunshine{background:#f59e0b1a;color:#f59e0b}.stat-icon.wind{background:#0ea5e91a;color:#0ea5e9}.stat-icon.waves{background:#06b6d41a;color:#06b6d4}.stat-icon.water-temp{background:#14b8a61a;color:#14b8a6}.stat-icon.visibility{background:#8b5cf61a;color:#8b5cf6}.stat-content{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-detail{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capitalize{text-transform:capitalize}.best-for-section{margin-bottom:var(--space-4)}.section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.best-for-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.best-for-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#2c4a5214;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.rainfall-pattern{padding:var(--space-3) var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);flex-wrap:wrap}.pattern-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.pattern-value{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media(max-width:768px){.monthly-overview{padding:var(--space-4)}.monthly-header{flex-direction:column;gap:var(--space-3)}.monthly-title{font-size:var(--text-xl)}.venue-status{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.stat-card{padding:var(--space-3)}.stat-icon{width:36px;height:36px}.stat-value{font-size:var(--text-base)}.stat-detail{display:none}}@media(max-width:480px){.monthly-title-section{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.conditions-stats-grid{gap:var(--space-3)}.best-for-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.activity-ratings{background:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6);min-width:0;overflow:hidden}.activity-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-hover);border-radius:var(--radius-lg)}.activity-icon{font-size:var(--text-xl);width:32px;text-align:center}.activity-name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-rating{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em}@media(max-width:768px){.activity-ratings{padding:var(--space-4)}.activity-list{gap:var(--space-2)}.activity-item{padding:var(--space-2)}.activity-rating{font-size:10px;padding:var(--space-1) var(--space-2)}}.coast-guide{background:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6);min-width:0;overflow:hidden}.coast-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.coast-icon{color:var(--color-secondary)}.coast-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.coast-list{display:flex;flex-direction:column;gap:var(--space-4)}.coast-item{padding:var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-lg)}.coast-label{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.coast-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface);border-radius:var(--radius-md);flex-shrink:0}.coast-direction-icon{color:var(--color-secondary)}.coast-info{display:flex;flex-direction:column;gap:var(--space-1)}.coast-name{font-weight:600;color:var(--color-text-primary);font-size:var(--text-sm)}.coast-beaches{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.coast-conditions{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.coast-guide{padding:var(--space-4)}.coast-list{gap:var(--space-3)}.coast-item{padding:var(--space-3)}.coast-beaches{display:none}}.uv-aqi-cards{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.uv-aqi-cards{grid-template-columns:1fr 1fr}}.env-card{background:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-5);min-width:0;overflow:hidden}.env-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.env-icon{color:var(--color-text-secondary)}.env-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.env-value-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.env-value{font-size:var(--text-4xl);font-weight:700;line-height:1}.env-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em}.env-details{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.env-detail-item{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.env-detail-item strong{color:var(--color-text-primary)}.env-note{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.env-warning{font-size:var(--text-xs);color:#b45309;background:#f59e0b1a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2)}.aqi-warning{color:#9a3412;background:#f973161a}@media(max-width:768px){.env-card{padding:var(--space-4)}.env-value{font-size:var(--text-3xl)}.env-badge{font-size:10px;padding:var(--space-1) var(--space-2)}}.conditions-page{background-color:var(--color-background);min-height:80vh}.climate-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-background);border-radius:var(--radius-xl);border:1px solid var(--color-border)}@media(min-width:768px){.climate-overview{grid-template-columns:repeat(4,1fr)}}.climate-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2)}.climate-value{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;color:var(--color-primary);line-height:1.2}.climate-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.conditions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:100%}@media(min-width:1024px){.conditions-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.main-col{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.uv-aqi-section{margin-top:0}.sidebar-col{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}@media(min-width:1024px){.sidebar-col{position:sticky;top:var(--space-6);height:fit-content}}.page-header{text-align:center;margin-bottom:var(--space-8)}.page-title{font-family:var(--font-serif);font-size:var(--text-4xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-lg)}.tide-section{margin-top:var(--space-6)}.intelligence-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-heading{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4);letter-spacing:.05em}.card-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.sunset-card{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;position:relative;overflow:hidden;text-align:center}.text-white{color:#ffffffe6}.sunset-time{font-size:3rem;font-weight:700;line-height:1;margin:var(--space-4) 0;position:relative;z-index:2}.sunset-icon{height:60px;position:relative;display:flex;justify-content:center;align-items:flex-end}.sunset-arc{width:120px;height:60px;background:#fff3;border-top-left-radius:60px;border-top-right-radius:60px;position:absolute;bottom:0}.sun-icon{color:#fffac1;margin-bottom:20px;z-index:3}.disclaimer-box{margin-top:var(--space-12);margin-bottom:var(--space-8);text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-4);border-radius:var(--radius-md);background-color:#00000005;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}@media(max-width:768px){.climate-value{font-size:var(--text-xl)}.climate-overview{padding:var(--space-4)}}