@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";html{color-scheme:light}:root{--bg:#101318;--panel:#171b21;--panel2:#1d222a;--line:rgba(255,255,255,.1);--ink:#f7f8fa;--muted:#9299a4;--orange:#ff783e;--orange2:#ff9b50;--green:#58d39b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,#31231f 0,transparent 31%),radial-gradient(circle at 100% 100%,#111c3b 0,transparent 34%),var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}.dashboard{width:min(1180px,calc(100% - 40px));margin:32px auto;padding-bottom:24px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;font:600 17px Manrope,sans-serif}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,var(--orange2),var(--orange));border-radius:13px;box-shadow:0 8px 24px #ff743c3b}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-top:2px}.station-state{font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:9px;color:#bac0c8}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #58d39b1c}.dot.warning{background:#f3b358}.overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:14px;margin-bottom:14px}.hero,.sun-panel,.metric-card,.forecast-panel{border:1px solid var(--line);box-shadow:inset 0 1px #ffffff09,0 18px 50px #0000002e}.hero{min-height:330px;position:relative;overflow:hidden;border-radius:28px;padding:29px 34px;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.24),transparent 24%),linear-gradient(135deg,#ffad5c,#ff7c3f 52%,#f85e35)}.hero:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-95px;bottom:-115px;box-shadow:0 0 0 35px #ffffff09,0 0 0 75px #ffffff06}.hero-head{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:11px;font-weight:600}.hero-copy{position:absolute;left:34px;bottom:28px;z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--orange);margin:0 0 8px}.hero .eyebrow{color:#ffffffba}.hero h1{font:700 clamp(70px,9vw,108px)/.78 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.hero h1 sup{font-size:.42em;vertical-align:top;letter-spacing:0;margin-left:5px}.condition{font-size:17px;font-weight:600;margin:18px 0 3px}.updated{color:#ffffffb8;font-size:10px;margin:0;text-transform:capitalize}.weather-glyph{width:210px;height:155px;position:absolute;right:42px;top:72px;filter:drop-shadow(0 20px 20px rgba(79,40,20,.2));z-index:1}.sun{position:absolute;width:112px;height:112px;background:#ffd335;border-radius:50%;top:5px;left:45px;box-shadow:0 0 0 13px #ffe25026}.cloud{position:absolute;width:166px;height:57px;background:linear-gradient(180deg,#f7f8fa,#bfc9d7);border-radius:50px;left:18px;top:76px}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:82px;height:82px;left:24px;top:-41px}.cloud:after{width:64px;height:64px;right:21px;top:-27px}.rain{position:absolute;top:124px;left:55px;color:#baf0ff;font-size:30px;letter-spacing:12px;transform:rotate(67deg)}.weather-glyph.small{position:relative;inset:auto;width:75px;height:58px;transform:scale(.37);transform-origin:center;margin:-2px auto -14px;filter:none}.sun-panel{border-radius:28px;background:linear-gradient(145deg,#1b2027,#13171d);padding:29px 28px;overflow:hidden}.sun-panel h2{font:600 19px Manrope;margin:0;max-width:210px}.sun-arc{height:105px;margin:28px 0 2px;border-top:1px dashed #ffffff2c;border-radius:50% 50% 0 0;position:relative}.sun-orb{position:absolute;width:29px;height:29px;border-radius:50%;background:#ffba36;box-shadow:0 0 22px #ff9d3270;left:50%;top:-15px}.sun-times{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.sun-times div{display:flex;flex-direction:column;gap:5px}.sun-times span{font-size:9px;color:var(--muted)}.sun-times strong{font:600 16px Manrope}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:20px;padding:22px;min-height:158px}.metric-heading{display:flex;align-items:center;gap:8px;color:#c8cdd4;font-size:11px}.metric-icon{color:var(--orange);font-size:16px}.metric-card>strong{display:block;font:600 24px Manrope;margin:18px 0 2px}.metric-card>p{font-size:9px;color:var(--muted);margin:0}.sparkline{height:37px;margin-top:10px;position:relative}.sparkline svg{width:100%;height:31px;overflow:visible}.chart-range{position:absolute;inset:auto 0 -1px;display:flex;justify-content:space-between;font-size:8px;color:#727a85}.chart-empty{margin-top:25px;color:#727a85;font-size:10px}.forecast-panel{background:linear-gradient(145deg,#1c2026,#12161b);border-radius:28px;padding:28px 32px;margin-bottom:16px}.section-title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.section-title h2{font:600 24px Manrope;margin:0}.model-badge{font-size:9px;color:#ffd4c0;background:#ff78401b;border:1px solid #ff784034;padding:8px 11px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.forecast-row{display:grid;grid-template-columns:repeat(3,1fr)}.forecast-card{text-align:center;padding:25px 20px 22px;border-right:1px solid var(--line)}.forecast-card:last-child{border:0}.forecast-card>span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.forecast-card strong{display:block;font:600 25px Manrope;margin-top:10px}.forecast-card p{font-size:11px;color:#c7ccd3;margin:3px 0}.forecast-card small{display:inline-block;margin-top:7px;color:#78b7ff;font-size:9px}.model-note{border-top:1px solid var(--line);margin:0;padding:17px 0 0;color:var(--muted);font-size:10px;line-height:1.6}footer{display:flex;justify-content:space-between;color:#727985;font-size:9px;letter-spacing:.07em;text-transform:uppercase;padding:0 4px}.state-screen{min-height:100vh;display:grid;place-content:center;text-align:center;gap:16px}.state-screen button{border:0;border-radius:12px;background:var(--orange);color:#fff;padding:12px 18px}.loader{width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:850px){.overview{grid-template-columns:1fr}.sun-panel{min-height:245px}.metrics{grid-template-columns:1fr 1fr}.sun-arc{height:70px}.weather-glyph{right:7%}}@media (max-width:560px){.dashboard{width:min(100% - 22px,1180px);margin:12px auto}.topbar{height:60px;margin-bottom:10px}.station-state{font-size:0}.overview,.metrics{gap:10px;margin-bottom:10px}.hero{min-height:350px;padding:23px 21px;border-radius:22px}.hero-copy{left:21px;bottom:24px}.hero h1{font-size:76px}.hero .weather-glyph{right:-7px;top:82px;transform:scale(.72)}.sun-panel{border-radius:22px;padding:23px 21px}.metrics{grid-template-columns:1fr 1fr}.metric-card{padding:18px 15px;min-height:145px}.metric-card>strong{font-size:19px}.forecast-panel{padding:23px 18px;border-radius:22px}.section-title{display:block}.model-badge{display:inline-block;margin-top:13px}.forecast-row{grid-template-columns:1fr}.forecast-card{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;text-align:left;border-right:0;border-bottom:1px solid var(--line);padding:17px 0}.forecast-card:last-child{border-bottom:0}.forecast-card>span{grid-row:1/3}.forecast-card .weather-glyph{display:none}.forecast-card strong,.forecast-card p{margin:0}.forecast-card small{grid-column:3}.model-note{margin-top:3px}footer{gap:16px;line-height:1.5}}.hero{min-height:250px;padding:24px 30px}.hero-copy{left:30px;bottom:23px}.hero h1{font-size:clamp(62px,7vw,88px)}.condition{font-size:16px;margin:13px 0 2px}.hero>.weather-glyph{right:34px;top:51px;transform:scale(.84)}.sun-panel{padding:24px 26px}.sun-arc{height:55px;margin:23px 0 0}.sun-times{padding-top:14px}.wind-arrow{display:inline-block;color:var(--orange);font-size:19px;line-height:1;transition:transform .3s ease}.rain-card{padding:0;overflow:hidden;transition:min-height .25s ease}.rain-toggle{appearance:none;width:100%;min-height:156px;padding:22px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;display:flex;justify-content:space-between;cursor:pointer}.rain-main>strong{display:block;font:600 24px Manrope;margin:18px 0 2px}.rain-main>small{display:block;font-size:9px;color:var(--muted)}.expand-icon{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#b9c0c9;font-size:18px;transition:transform .25s ease}.rain-card.expanded .expand-icon{transform:rotate(180deg)}.rain-details{display:none;padding:0 22px}.rain-card.expanded .rain-details{display:block;padding-bottom:19px}.rain-details div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:9px}.rain-details strong{color:var(--ink);font:600 12px Manrope}@media (max-width:850px){.sun-panel{min-height:205px}.sun-arc{height:45px}}@media (max-width:560px){.hero{min-height:260px;padding:20px 21px}.hero-copy{left:21px;bottom:21px}.hero h1{font-size:68px}.hero>.weather-glyph{right:-18px;top:52px;transform:scale(.62)}.sun-panel{min-height:190px;padding:20px 21px}.sun-panel h2{font-size:17px}.sun-arc{height:35px;margin-top:20px}.rain-card{padding:0}.rain-toggle{min-height:143px;padding:18px 15px}.rain-main>strong{font-size:19px}.rain-card.expanded .rain-details{padding:0 15px 14px}}.topbar{position:sticky;top:0;z-index:30;margin-left:-12px;margin-right:-12px;padding:0 12px;background:#101318e6;border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 10px 30px #00000029;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.topbar-info{display:flex;align-items:center;gap:18px}.last-updated{color:#aeb5bf;font-size:10px;text-transform:capitalize}.hero{min-height:225px}.hero>.weather-glyph{right:31px;top:30px;transform:scale(.72)}.hero-wind{position:absolute;right:48px;bottom:17px;z-index:2;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:#5c2a1426;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-wind .wind-arrow{color:#fff;font-size:22px}.hero-wind span:last-child{display:flex;flex-direction:column;gap:1px}.hero-wind strong{font:600 13px Manrope}.hero-wind small{font-size:8px;color:#ffffffbf}.sun-panel{min-height:0}.sun-arc{height:65px;margin-top:26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rain-card{grid-column:1/-1;min-height:0;padding:20px 24px;display:grid;grid-template-columns:minmax(160px,.8fr) 2fr;align-items:center;overflow:visible}.rain-main>p{margin:11px 0 0;color:var(--muted);font-size:10px}.rain-card .rain-details{display:grid;grid-template-columns:repeat(3,1fr);padding:0}.rain-card .rain-details div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border-top:0;border-left:1px solid var(--line);padding:4px 20px}.rain-card .rain-details span{font-size:10px}.rain-card .rain-details strong{font-size:18px;white-space:nowrap}.forecast-card>span{font-size:10px}.forecast-card strong{font-size:30px}.forecast-card p{font-size:13px}.forecast-card small{font-size:11px}@media (max-width:850px){.sun-panel{min-height:165px}.sun-arc{height:43px}.hero-wind{right:42px}.rain-card{grid-template-columns:minmax(145px,.65fr) 2fr}}@media (max-width:560px){.topbar{height:66px;margin-bottom:10px}.topbar-info{gap:8px}.last-updated{max-width:112px;text-align:right;font-size:9px;line-height:1.35}.station-state{font-size:0}.hero{min-height:240px}.hero-copy{bottom:18px}.hero>.weather-glyph{right:-20px;top:33px;transform:scale(.58)}.hero-wind{right:14px;bottom:15px;padding:6px 9px}.hero-wind strong{font-size:12px}.sun-panel{min-height:155px}.sun-arc{height:31px;margin-top:18px}.rain-card{padding:17px 15px;grid-template-columns:1fr}.rain-main>p{margin-top:7px}.rain-card .rain-details{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.rain-card .rain-details div{border-left:0;padding:3px 8px}.rain-card .rain-details div+div{border-left:1px solid var(--line)}.rain-card .rain-details span{font-size:8px}.rain-card .rain-details strong{font-size:14px}.forecast-card>span{font-size:9px}.forecast-card strong{font-size:28px}.forecast-card p{font-size:13px}.forecast-card small{font-size:11px}}