.weather-accent{color:var(--color-accent, #2d7a8f)}.temp-card{background:linear-gradient(135deg,#2d7a8f1a,#2d7a8f0d)}.temp-card-trend{min-height:90px}.temp-card-trend canvas{width:100%!important;height:90px!important}.weather-icon{font-size:3rem;opacity:.3}.wind-direction{width:120px;height:120px;margin:0 auto;position:relative;border-radius:50%;background:conic-gradient(from 0deg,red 0deg 11.25deg,#f80 11.25deg 33.75deg,#ff0 33.75deg 56.25deg,#8f0 56.25deg 78.75deg,#0f0 78.75deg 101.25deg,#0f8 101.25deg 123.75deg,#0ff 123.75deg 146.25deg,#08f 146.25deg 168.75deg,#00f 168.75deg 191.25deg,#80f 191.25deg 213.75deg,#f0f 213.75deg 236.25deg,#f08 236.25deg 258.75deg,red 258.75deg 281.25deg,#f80 281.25deg 303.75deg,#ff0 303.75deg 326.25deg,#8f0 326.25deg 348.75deg,#0f0 348.75deg 360deg)}.wind-arrow{position:absolute;top:50%;left:50%;width:4px;height:50px;background:#fff;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(0);box-shadow:0 0 4px #0000004d;transition:transform .5s ease}.wind-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid var(--color-text-primary, #1a1a1a);z-index:2}.webcam-container{max-width:100%}.webcam-image{max-width:100%;height:auto;max-height:500px;object-fit:contain;box-shadow:0 4px 12px #0000001a;border:1px solid var(--color-border, #e2e8f0);transition:transform .3s ease,box-shadow .3s ease}.webcam-image:hover{transform:scale(1.02);box-shadow:0 6px 16px #00000026}.temperature-indices-row{display:flex;flex-wrap:nowrap}.gauge-label{text-align:center;margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary, #64748b);line-height:1.3}.wind-rose-container{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:.5rem 0}.wind-rose-container--vertical{width:100%;max-width:260px;min-height:280px;height:280px}.wind-rose-container--vertical canvas{display:block;width:100%!important;height:100%!important;min-width:200px;min-height:260px}.wind-rose-legend{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .75rem;justify-items:stretch;max-width:280px;margin-left:auto;margin-right:auto}.wind-rose-legend__item{border-radius:6px;padding:.35rem .5rem;font-size:.75rem;font-weight:600;color:#fff;text-align:center;line-height:1.2;text-shadow:0 1px 1px rgba(0,0,0,.2)}.wind-rose-legend__item span{display:block}.weather-gauge-wrap{min-height:140px;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.weather-gauge-wrap canvas{max-height:130px;width:100%!important;height:130px!important}.weather-trend-chart-wrap{min-height:220px;position:relative}.weather-trend-chart-wrap canvas{width:100%!important;height:220px!important}.weather-histogram-wrap{min-height:200px;position:relative}.weather-histogram-wrap canvas{width:100%!important;height:220px!important}.weather-page__sections{display:flex;flex-direction:column;gap:2.5rem}.weather-section{margin:0}.weather-section__title{font-size:1.1rem;font-weight:600;color:#334155;margin:0 0 1rem;letter-spacing:.01em}.weather-section__title--sm{font-size:1rem;margin-bottom:.75rem}.weather-section--moon{margin-bottom:.5rem}.weather-moon-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.weather-moon-card__icon{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.weather-moon-card__icon img{display:block;width:100%;height:auto}.weather-moon-card__body{flex:1;min-width:0}.weather-moon-card__phase{font-size:1.05rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.weather-moon-card__age{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.weather-moon-card__age strong{color:#475569}.weather-moon-card__dates{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#94a3b8}.weather-section--gauges{padding:1.5rem 0}.weather-gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.weather-gauge-wrap{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000f,0 0 0 1px #00000008;padding:1rem;min-height:150px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .15s ease}.weather-gauge-wrap:hover{box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000a}.weather-gauge-wrap canvas{flex:1;max-height:130px;width:100%!important;height:130px!important}.weather-extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.weather-card{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000f,0 0 0 1px #00000008;overflow:hidden;transition:box-shadow .15s ease}.weather-card:hover{box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000a}.weather-card__title{font-size:.95rem;font-weight:600;color:#334155;margin:0;padding:1rem 1.25rem .5rem;border-bottom:1px solid #f1f5f9}.weather-card__body{padding:1rem 1.25rem 1.25rem}.weather-card__body--center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem}.weather-card__hint{font-size:.75rem;color:#94a3b8;margin:.75rem 0 0}.weather-wind-arrow{display:inline-block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:32px solid #475569;margin-bottom:4px;transition:transform .25s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.weather-dl{margin:0;font-size:.9rem}.weather-dl__row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.35rem 0;border-bottom:1px solid #f1f5f9}.weather-dl__row:last-child{border-bottom:0}.weather-dl__row--full{display:block;padding-bottom:.5rem}.weather-dl dt{font-weight:500;color:#64748b;flex-shrink:0}.weather-dl dd{margin:0;font-weight:600;color:#1e293b;text-align:right}.weather-dl__desc{font-weight:500;color:#475569;text-align:left}@media(max-width:768px){.temperature-indices-row{flex-wrap:wrap!important}.temperature-indices-row .col{flex:0 0 50%!important;max-width:50%!important}}@media(max-width:768px){.webcam-image{max-height:300px}}@media(max-width:576px){.weather-moon-card{flex-direction:column;text-align:center;padding:1.25rem 1rem}.weather-moon-card__dates{justify-content:center}.weather-gauges{grid-template-columns:repeat(2,1fr);gap:.75rem}.weather-gauge-wrap{min-height:130px;padding:.75rem}.weather-gauge-wrap canvas{max-height:110px;height:110px!important}.weather-extra-grid{grid-template-columns:1fr}}