:root{--bg:#0a0a0a;--bg-elevated:#141414;--panel:#1a1a1a;--panel-hover:#222;--border:#2a2a2a;--border-strong:#3a3a3a;--fg:#e8e8e8;--fg-muted:#b0b0b0;--dim:#707070;--accent:#1a5276;--accent-bright:#2e86c1;--gold:#c9a227;--gold-bright:#f0c040;--red:#e74c3c;--green:#27ae60;--orange:#e67e22;--max-w:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.skip-link{background:var(--accent-bright);color:#fff;z-index:100;padding:8px 16px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.wx-header{border-bottom:2px solid var(--border-strong);background:linear-gradient(135deg,#0a0a0a 0%,#0d1520 50%,#0a0a0a 100%)}.wx-header-inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1rem;display:flex}.wx-brand{color:var(--fg);align-items:center;gap:.5rem;text-decoration:none;display:flex}.wx-brand-text{letter-spacing:.06em;text-transform:uppercase;font-size:1.4rem;font-weight:900}.wx-brand-text .wx-accent{color:var(--gold-bright)}.wx-nav{flex-wrap:wrap;gap:.5rem;display:flex}.wx-nav a{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:0;padding:.35rem .6rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s}.wx-nav a:hover,.wx-nav a.active{color:var(--gold-bright);border-color:var(--gold)}.wx-main{max-width:var(--max-w);margin:0 auto;padding:1.5rem 1rem}.wx-locations{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.wx-loc-btn{background:var(--panel);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .15s}.wx-loc-btn:hover{border-color:var(--accent-bright);color:var(--fg)}.wx-loc-btn.active{border-color:var(--gold);color:var(--gold-bright);background:var(--panel-hover)}.wx-current{background:var(--panel);border:2px solid var(--border-strong);grid-template-columns:1fr auto;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:2rem;display:grid}@media (max-width:640px){.wx-current{grid-template-columns:1fr}}.wx-current-info h2{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.wx-current-temp{color:var(--gold-bright);font-size:3.5rem;font-weight:900;line-height:1}.wx-current-temp-unit{color:var(--dim);font-size:1.2rem;font-weight:400}.wx-current-desc{color:var(--fg);margin-top:.5rem;font-size:1.1rem}.wx-current-details{color:var(--fg-muted);flex-wrap:wrap;gap:1.5rem;margin-top:.75rem;font-size:.85rem;display:flex}.wx-current-details span{align-items:center;gap:.3rem;display:flex}.wx-current-icon{justify-content:center;align-items:center;width:120px;height:120px;display:flex}.wx-current-icon img{width:100px;height:100px}.wx-alerts{margin-bottom:1.5rem}.wx-alert{border-left:4px solid var(--red);background:#e74c3c1a;margin-bottom:.5rem;padding:.75rem 1rem}.wx-alert.severity-moderate{border-color:var(--orange);background:#e67e221a}.wx-alert.severity-minor{border-color:var(--accent-bright);background:#2e86c11a}.wx-alert.severity-unknown{border-color:var(--dim);background:#7070701a}.wx-alert-event{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.9rem;font-weight:700}.wx-alert-area{color:var(--fg-muted);font-size:.8rem}.wx-forecast-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.wx-forecast-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:2rem;display:grid}.wx-forecast-card{background:var(--panel);border:1px solid var(--border);padding:1rem;transition:border-color .15s}.wx-forecast-card:hover{border-color:var(--border-strong)}.wx-forecast-card.night{background:var(--bg-elevated)}.wx-fc-name{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.wx-fc-icon{justify-content:center;margin-bottom:.5rem;display:flex}.wx-fc-icon img{width:60px;height:60px}.wx-fc-temp{color:var(--gold-bright);font-size:1.5rem;font-weight:800}.wx-fc-temp-night{color:var(--accent-bright)}.wx-fc-desc{color:var(--fg-muted);margin-top:.3rem;font-size:.75rem;line-height:1.3}.wx-fc-precip{color:var(--accent-bright);margin-top:.3rem;font-size:.7rem}.wx-fc-wind{color:var(--dim);margin-top:.2rem;font-size:.7rem}.wx-hourly-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg);gap:.5rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.wx-hourly-scroll::-webkit-scrollbar{height:6px}.wx-hourly-scroll::-webkit-scrollbar-track{background:var(--bg)}.wx-hourly-scroll::-webkit-scrollbar-thumb{background:var(--border-strong)}.wx-hourly-card{background:var(--panel);border:1px solid var(--border);text-align:center;flex-shrink:0;width:80px;padding:.6rem .5rem}.wx-hourly-time{color:var(--fg-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.wx-hourly-icon img{width:40px;height:40px}.wx-hourly-temp{color:var(--gold-bright);font-size:1.1rem;font-weight:800}.wx-hourly-precip{color:var(--accent-bright);font-size:.65rem}.wx-loading{text-align:center;color:var(--dim);padding:3rem;font-size:1rem}.wx-error{border:1px solid var(--red);color:var(--fg);background:#e74c3c1a;margin-bottom:1.5rem;padding:1rem}.wx-footer{border-top:1px solid var(--border);text-align:center;color:var(--dim);padding:1.5rem 1rem;font-size:.8rem}.wx-footer a{color:var(--fg-muted);margin:0 .5rem;text-decoration:none}.wx-footer a:hover{color:var(--gold-bright)}.wx-search{gap:.5rem;margin-bottom:1.5rem;display:flex}.wx-search-input{background:var(--panel);border:1px solid var(--border);color:var(--fg);outline:none;flex:1;padding:.5rem .75rem;font-size:.85rem}.wx-search-input:focus{border-color:var(--accent-bright)}.wx-search-input::placeholder{color:var(--dim)}.wx-search-btn{background:var(--accent);border:1px solid var(--accent-bright);color:#fff;cursor:pointer;text-transform:uppercase;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.wx-search-btn:hover{background:var(--accent-bright)}