.uv-city-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.uv-city-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 24px rgba(0,0,0,.15)}.uv-breadcrumb{font-size:.85rem;color:#666;margin-bottom:24px}.uv-breadcrumb a{color:#667eea;text-decoration:none}.uv-breadcrumb a:hover{text-decoration:underline}.uv-breadcrumb span{margin:0 4px}.uv-city-title{font-size:2rem;font-weight:700;color:#1a1a2e;margin:0 0 16px;line-height:1.2}.uv-city-intro{font-size:1.05rem;color:#444;line-height:1.6;margin-bottom:24px}.uv-location-details{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.uv-location-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.uv-location-item{text-align:center}.uv-location-label{display:block;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.uv-location-value{display:block;font-size:1rem;font-weight:600;color:#333}.uv-elevation-boost{display:inline-block;font-size:.7rem;font-weight:500;color:#f97316;margin-left:4px}.uv-climate-description{font-size:.9rem;color:#555;line-height:1.5;margin:0;text-align:center;padding-top:12px;border-top:1px solid #e5e7eb}.uv-live-container{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:32px}.uv-live-loading{text-align:center;color:#666;padding:20px}.uv-live-error{color:#dc3545;padding:12px;background:#fff3f3}.uv-live-error,.uv-live-night{text-align:center;border-radius:8px}.uv-live-night{padding:24px;background:#1e3a5f;color:white}.uv-live-night-icon{font-size:2.5rem;margin-bottom:8px}.uv-live-night-text{font-size:1.1rem;font-weight:500}.uv-live-night-hint{font-size:.9rem;opacity:.8;margin-top:8px}.uv-live-current{text-align:center;margin-bottom:20px}.uv-live-current-label{font-size:.9rem;color:#666;margin-bottom:8px}.uv-live-current-value{display:inline-flex;flex-direction:column;align-items:center;padding:16px 32px;border-radius:12px}.uv-live-current-number{font-size:3rem;font-weight:700;line-height:1}.uv-live-current-risk{font-size:1rem;font-weight:600;margin-top:4px}.uv-live-legend{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;margin-bottom:24px;text-align:center;font-size:.7rem;font-weight:600}.uv-live-legend-item{padding:6px 4px;border-radius:6px;color:white;line-height:1.3}.uv-live-forecast{margin-bottom:24px}.uv-live-forecast-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 12px}.uv-live-forecast-items{display:flex;flex-direction:column;gap:8px}.uv-live-forecast-item{display:flex;align-items:center;padding:10px 12px;background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.uv-live-forecast-time{width:50px;font-size:.85rem;font-weight:500;color:#333}.uv-live-forecast-bar-container{flex:1 1;padding:0 12px}.uv-live-forecast-bar-bg{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.uv-live-forecast-bar{height:100%;border-radius:6px;transition:width .3s ease}.uv-live-forecast-value{width:70px;text-align:right}.uv-live-forecast-number{font-weight:700;font-size:.95rem}.uv-live-forecast-risk{font-size:.7rem;color:#666;display:block}.uv-live-app-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:20px;text-align:center}.uv-live-app-cta-text{color:white;font-size:.95rem;margin-bottom:12px}.uv-live-app-cta-button{display:inline-block;padding:10px 24px;background:white;color:#667eea;text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease}.uv-live-app-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.risk-none{background-color:#d1d5db;color:#333}.risk-low{background-color:#34d399;color:#000}.risk-moderate{background-color:#fbbf24;color:#000}.risk-high{background-color:#f97316;color:#000}.risk-very-high{background-color:#ef4444;color:#fff}.risk-extreme{background-color:#8b5cf6;color:#fff}.uv-seasons-section{margin-bottom:32px}.uv-seasons-title{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 4px}.uv-seasons-subtitle{font-size:.85rem;color:#888;font-style:italic;margin:0 0 16px}.uv-city-seasons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.uv-season-card{background:#f8f9fa;border-radius:10px;padding:16px 12px;text-align:center}.uv-season-card h2,.uv-season-card h3{font-size:.95rem;font-weight:600;color:#333;margin:0 0 4px}.uv-season-months{font-size:.75rem;color:#666;margin:0 0 12px}.uv-season-value{display:inline-flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:10px;margin-bottom:8px}.uv-season-value .uv-number{font-size:1.8rem;font-weight:700;color:#000;line-height:1}.uv-season-value .uv-label{font-size:.75rem;font-weight:600;color:#333;margin-top:4px}.uv-season-tip{font-size:.8rem;color:#555;margin:0;line-height:1.3}.uv-city-cta{background:linear-gradient(135deg,#ff9500,#ff6b00);border-radius:12px;padding:24px;text-align:center;margin-bottom:32px}.uv-city-cta h2{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 8px}.uv-city-cta p{font-size:.95rem;color:rgba(255,255,255,.9);margin:0 0 16px}.uv-cta-button{display:inline-block;padding:14px 28px;background:#1a1a2e;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:background .2s ease,transform .2s ease}.uv-cta-button:hover{background:#2d2d4a;transform:translateY(-2px)}.uv-city-info{margin-bottom:32px}.uv-city-info h2{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 12px}.uv-city-info p{font-size:.95rem;color:#555;line-height:1.6;margin:0 0 16px}.uv-city-info ul{margin:0;padding:0 0 0 20px}.uv-city-info li{font-size:.95rem;color:#555;line-height:1.8}.uv-city-info li strong{color:#333}.uv-city-footer{padding-top:20px;border-top:1px solid #eee}.uv-city-footer a{color:#667eea;text-decoration:none;font-size:.95rem}.uv-city-footer a:hover{text-decoration:underline}@media (max-width:768px){.uv-city-container{padding:20px}.uv-city-title{font-size:1.5rem}.uv-city-seasons,.uv-location-grid{grid-template-columns:repeat(2,1fr)}.uv-live-legend{grid-template-columns:repeat(5,1fr);font-size:.6rem}.uv-live-legend-item{padding:4px 2px}}@media (max-width:480px){.uv-city-seasons{grid-template-columns:repeat(2,1fr);gap:8px}.uv-season-value .uv-number{font-size:1.5rem}.uv-live-current-number{font-size:2.5rem}.uv-live-forecast-time{width:40px;font-size:.75rem}.uv-live-forecast-value{width:55px}.uv-live-forecast-number{font-size:.85rem}}