:root{--bg:#0c0c0f;--fg:#e7e7ea;--muted:#9aa0a6;--accent:#9bd2ff;--primary-color:#9bd2ff;--secondary-color:#e7e7ea;--text-color:#e7e7ea}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{max-width:1280px;margin:0 auto;padding:24px 18px 60px}.hero{gap:16px;margin-bottom:18px;display:grid}.brand h1{letter-spacing:.5px;margin:0 0 4px;font-size:40px}.meta{color:var(--muted);font-size:14px}.wx{flex-direction:column;gap:12px;display:flex}.weather{background:#121218;border:1px solid #1e2230;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.weather .icon{font-size:32px;line-height:1}.weather .temp{font-size:28px;font-weight:700}.weather .sub{color:var(--muted);font-size:13px}.weather .row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.badge{background:#0f1422;border:1px solid #24304d;border-radius:8px;padding:3px 8px;font-size:12px}.hstrip{background:#121218;border:1px solid #1e2230;border-radius:14px;padding:10px}.hrow{grid-template-columns:repeat(10,minmax(52px,1fr));gap:8px;display:grid}.hcell{background:#0f1422;border:1px solid #24304d;border-radius:10px;flex-direction:column;align-items:center;padding:6px;display:flex}.hcell.now{border-color:#3a79ff;box-shadow:inset 0 0 0 1px #3a79ff40}.hhr{color:var(--muted);font-size:13px}.hic{margin:2px 0;font-size:22px;line-height:1}.htmp{font-size:18px;font-weight:700}.hbadges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;display:flex}.hbadge{color:var(--muted);border:1px solid #2a375a;border-radius:8px;padding:2px 6px;font-size:11px}.days{grid-template-columns:1fr;gap:16px;display:grid}.day{background:#121218;border:1px solid #1e2230;border-radius:14px;padding:14px}.day h2{color:var(--accent);margin:0 0 8px;font-size:22px;font-weight:600}.event{border-radius:10px;align-items:flex-start;gap:12px;padding:10px 8px;display:flex}.event+.event{border-top:1px dashed #262a3a}.time{min-width:120px;font-size:20px;font-weight:600}.title{font-size:22px;line-height:1.25}.loc{color:var(--muted);margin-top:2px;font-size:14px}@media (orientation:landscape) and (min-width:1024px){.hero{grid-template-columns:1fr auto;align-items:start}.days{grid-template-columns:1fr 1fr 1fr}.time{min-width:140px}}@media (orientation:portrait) and (min-width:768px){.days{grid-template-columns:1fr 1fr}}.hero{z-index:5;background:var(--bg);padding-top:12px;position:sticky;top:0}.weather-current{flex-direction:column;gap:20px;margin-bottom:25px;display:flex}.weather-main{align-items:center;gap:20px;display:flex}.weather-temp-large{color:var(--primary-color);font-size:3.5rem;font-weight:700}.weather-condition{align-items:center;gap:10px;margin-bottom:5px;display:flex}.weather-icon{font-size:2rem}.weather-stats{background:#4a6fa51a;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:15px;display:grid}.weather-stat{border-bottom:1px solid #4a6fa533;justify-content:space-between;padding:5px 0;display:flex}.stat-label{opacity:.8;font-weight:600}.stat-value{color:var(--secondary-color);font-weight:700}.weather-forecast{border-top:2px solid var(--primary-color);margin-top:25px;padding-top:20px}.weather-forecast h3{color:var(--secondary-color);margin-bottom:15px;font-size:1.2rem}.chart-container{background:#4a6fa50d;border-radius:10px;justify-content:space-around;align-items:flex-end;height:150px;margin-bottom:20px;padding:20px 10px;display:flex}.chart-bar{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar{border-radius:5px 5px 0 0;width:30px;margin:5px 0;transition:height .3s}.bar-value{color:var(--text-color);margin-bottom:5px;font-size:.9rem;font-weight:700}.bar-label{opacity:.8;margin-top:5px;font-size:.8rem}.hourly-forecast{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:15px;display:grid}.hour-forecast{text-align:center;background:#ffffff1a;border:1px solid #4a6fa533;border-radius:8px;padding:12px;transition:transform .2s}.hour-forecast:hover{border-color:var(--primary-color);transform:translateY(-3px)}.hour-time{color:var(--primary-color);margin-bottom:5px;font-size:.9rem;font-weight:700}.hour-temp{margin:5px 0;font-size:1.2rem;font-weight:700}.hour-precip,.hour-wind{opacity:.8;margin:2px 0;font-size:.8rem}.hour-icon{margin-top:5px;font-size:1.5rem}.weather-footer{opacity:.7;text-align:center;border-top:1px solid #4a6fa533;margin-top:15px;padding-top:15px;font-size:.9rem}@media (max-width:768px){.weather-stats{grid-template-columns:1fr}.hourly-forecast{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.weather-main{text-align:center;flex-direction:column}.chart-container{height:120px}.bar{width:20px}}