@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--border:#ffffff14;--text:#c9d1d9;--text-bright:#f0f6fc;--muted:#8b949e;--accent:#3b8fff;--accent2:#00e5b0;--warn:#ffb347;--danger:#ff5c5c;--bar-bg:#ffffff14;--icon-blue:#63b3ff;--icon-green:#00e5b0;--icon-yellow:#ffb347;--icon-orange:#ff8c42;--icon-purple:#b392f0;--icon-gold:#e3b341;--radius:.75rem;--shadow:0 1px 3px #0006}body.light{--bg:#f6f8fa;--surface:#fff;--border:#0000001f;--text:#24292f;--text-bright:#1c2128;--muted:#57606a;--bar-bg:#00000014;--icon-blue:#0969da;--icon-green:#1a7f37;--icon-yellow:#9a6700;--icon-orange:#cf4602;--icon-purple:#8250df;--icon-gold:#9a6700}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:3rem;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.wrapper{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .3s}header{flex-direction:column;gap:.6rem;margin-bottom:2rem;display:flex}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.header-left img{object-fit:cover;border-radius:50%;width:52px;height:52px}.title-main{color:var(--text-bright);letter-spacing:-.02em;font-family:Space Mono,monospace;font-size:2.2rem;font-weight:700;line-height:1}.title-sub-line1{color:var(--muted);letter-spacing:.06em;margin-top:.3rem;font-size:.72rem}.title-sub-line2{color:var(--muted);opacity:.7;margin-top:.15rem;font-size:.65rem}.title-divider{background:var(--border);width:1px;height:2.5rem;margin:0 .5rem}.header-right{align-items:center;gap:.75rem;display:flex}.status-badge{letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:99px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;display:inline-flex}.status-badge.live{color:var(--accent2);border-color:var(--accent2);background:#00e5b012}.status-badge.error{color:var(--danger);border-color:var(--danger);background:#ff5c5c12}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-badge.live:before{animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.theme-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}.live-row{color:var(--muted);letter-spacing:.04em;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.68rem;display:flex}.alert-banner{border-radius:var(--radius);border-left:4px solid;align-items:center;gap:.9rem;margin-bottom:1.25rem;padding:.85rem 1.2rem;animation:.35s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-banner.sev-extreme{background:#ff1a1a1a;border-color:#ff1a1a;animation:.8s infinite alternate flashBg}.alert-banner.sev-high{border-color:var(--danger);background:#ff5c5c14}.alert-banner.sev-moderate{border-color:var(--warn);background:#ffb34714}.alert-banner.sev-low{border-color:var(--accent2);background:#00e5b00f}@keyframes flashBg{0%{background:#ff1a1a0f}to{background:#ff1a1a2e}}.alert-icon{flex-shrink:0}.alert-type{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700}.alert-msg{flex:1;font-size:.82rem}.alert-value{white-space:nowrap;opacity:.85;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.alert-ts{color:var(--muted);white-space:nowrap;font-family:Space Mono,monospace;font-size:.62rem}.top-grid{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.temp-hero{flex-direction:column;grid-row:1/3;justify-content:space-between;min-height:220px;padding:2.2rem 2rem;display:flex;position:relative;overflow:hidden}.temp-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.temp-val{color:var(--text-bright);letter-spacing:-.03em;font-family:Space Mono,monospace;font-size:clamp(5.5rem,12vw,8rem);font-weight:700;line-height:1}.temp-unit{color:var(--muted);font-size:2.5rem}.temp-watermark{opacity:.06;pointer-events:none;width:140px;height:140px;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.temp-watermark svg{width:100%;height:100%}.feel-pill{border:1px solid var(--border);color:var(--text-bright);background:#ffffff0f;border-radius:99px;align-items:center;gap:.4rem;width:fit-content;padding:.45rem 1.1rem;font-size:.88rem;font-weight:500;display:inline-flex}.feel-pill svg{width:14px;height:14px}.side-card{flex-direction:column;justify-content:space-between;padding:1.4rem 1.6rem;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.card-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:.63rem;font-weight:700}.icon-bubble{border-radius:.65rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-val{color:var(--text-bright);font-family:Space Mono,monospace;font-size:2.2rem;font-weight:700;line-height:1}.card-unit{color:var(--muted);margin-left:2px;font-size:.95rem}.prog-bar{background:var(--bar-bg);border-radius:99px;width:100%;height:4px;margin-top:.75rem;overflow:hidden}.prog-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.mid-grid{grid-template-columns:1.6fr .9fr .9fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.mid-card{padding:1.4rem 1.6rem}.wind-values{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:.4rem;margin-top:.1rem;display:grid}.wind-col{flex-direction:column;gap:2px;display:flex}.wind-col-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.6rem}.wind-avg{color:var(--text-bright);font-family:Space Mono,monospace;font-size:1.8rem;font-weight:700;line-height:1}.wind-max-val{color:var(--warn);font-family:Space Mono,monospace;font-size:1.8rem;font-weight:700;line-height:1}.wind-dir-val{color:var(--icon-purple);font-family:Space Mono,monospace;font-size:1.8rem;font-weight:700;line-height:1}.wind-unit{color:var(--muted);margin-top:1px;font-size:.75rem}.gust-row{margin-top:.75rem}.gust-bar-label{color:var(--muted);letter-spacing:.08em;justify-content:space-between;margin-bottom:.35rem;font-family:Space Mono,monospace;font-size:.6rem;display:flex}.gust-track{background:var(--bar-bg);border-radius:99px;width:100%;height:6px;position:relative;overflow:hidden}.gust-avg-fill{background:var(--accent2);border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.gust-max-fill{background:linear-gradient(90deg, transparent, var(--warn));opacity:.7;border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.uv-scale{color:var(--muted);letter-spacing:.06em;justify-content:space-between;margin-top:.35rem;font-family:Space Mono,monospace;font-size:.58rem;display:flex}.volt-bar-wrap{margin-top:.75rem}.volt-bar-labels{color:var(--muted);letter-spacing:.06em;justify-content:space-between;margin-bottom:.3rem;font-family:Space Mono,monospace;font-size:.57rem;display:flex}.volt-status{letter-spacing:.1em;margin-top:.5rem;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700}.section-title{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.75rem;margin:2.5rem 0 1.1rem;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.forecast-header{justify-content:space-between;align-items:center;margin:2.5rem 0 1.1rem;display:flex}.forecast-header .section-title{flex:1;margin:0}.forecast-meta{color:var(--muted);letter-spacing:.06em;text-align:right;font-family:Space Mono,monospace;font-size:.62rem}.forecast-meta span{color:var(--accent2);font-weight:700}.forecast-grid{grid-template-columns:repeat(8,1fr);gap:1rem;display:grid}.fc-card{flex-direction:column;gap:.85rem;padding:1.2rem 1rem;transition:border-color .4s,opacity .4s;display:flex;position:relative;overflow:hidden}.fc-card.fc-expired{opacity:.35;filter:grayscale(40%)}.fc-card.fc-current{background:#3b8fff0f;border-color:#3b8fff8c}.fc-card.fc-current:before{content:"NOW";letter-spacing:.12em;color:var(--accent);opacity:1;font-family:Space Mono,monospace;font-size:.55rem;font-weight:700;position:absolute;top:.55rem;right:.7rem}.fc-hour-progress{background:var(--bar-bg);border-radius:99px;width:100%;height:3px;margin-top:-.4rem;overflow:hidden}.fc-hour-fill{background:var(--accent);border-radius:99px;height:100%;transition:width 1s}.fc-time{color:var(--text);letter-spacing:.07em;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700}.fc-valid{color:var(--muted);opacity:.65;margin-top:2px;font-family:Space Mono,monospace;font-size:.58rem}.fc-temp{color:var(--text-bright);font-family:Space Mono,monospace;font-size:1.6rem;font-weight:700;line-height:1}.fc-temp span{color:var(--muted);font-size:.85rem}.fc-rows{flex-direction:column;gap:.45rem;display:flex}.fc-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.fc-row-left{align-items:center;gap:.3rem;display:flex}.fc-row-left svg{flex-shrink:0;width:11px;height:11px}.fc-row-val{color:var(--text);font-family:Space Mono,monospace;font-size:.66rem;font-weight:700}.fc-precip-bar{background:var(--bar-bg);border-radius:99px;width:100%;height:3px;overflow:hidden}.fc-precip-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:99px;height:100%;transition:width 1s}.forecast-scroll-hint{text-align:center;color:var(--muted);letter-spacing:.08em;opacity:.7;margin-top:.6rem;font-family:Space Mono,monospace;font-size:.62rem;display:none}@media (width<=600px){.forecast-scroll-hint{display:block}}.history-card{padding:1.5rem 1.6rem}.chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.time-range-btns,.param-btns{flex-wrap:wrap;gap:.4rem;display:flex}.time-btn,.param-btn{border:1px solid var(--border);letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .75rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;transition:all .15s}.time-btn:hover,.param-btn:hover{border-color:var(--accent);color:var(--accent)}.time-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.param-btn.active{color:#fff}.param-btn.temp.active{background:#ef4444;border-color:#ef4444}.param-btn.hum.active{background:#3b82f6;border-color:#3b82f6}.param-btn.press.active{background:#8b5cf6;border-color:#8b5cf6}.param-btn.wind.active{background:var(--accent2);border-color:var(--accent2)}.param-btn.rain.active{background:#06b6d4;border-color:#06b6d4}.chart-note{color:var(--muted);margin-top:.75rem;font-family:Space Mono,monospace;font-size:.6rem}footer{text-align:center;color:var(--muted);letter-spacing:.08em;margin-top:3.5rem;font-family:Space Mono,monospace;font-size:.66rem}.skeleton{background:linear-gradient(90deg, var(--bar-bg) 25%, #ffffff0f 50%, var(--bar-bg) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-txt{color:var(--muted);text-align:center;padding:2rem;font-family:Space Mono,monospace;font-size:.7rem}@media (width<=1024px){.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.top-grid{grid-template-columns:1fr}.temp-hero{grid-row:auto}.mid-grid{grid-template-columns:1fr 1fr 1fr;gap:.9rem}.forecast-grid{grid-template-columns:repeat(4,1fr);gap:.8rem}}@media (width<=600px){.wrapper{padding:1.2rem 1rem}.title-main{font-size:clamp(1.4rem,7vw,1.8rem)}.mid-grid{grid-template-columns:1fr}.forecast-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(8,75vw);padding-bottom:.5rem;overflow-x:auto}.fc-card{scroll-snap-align:start;min-width:75vw}}