:root{--line:rgba(255,255,255,.22);--text:rgba(255,255,255,.96);--muted:rgba(255,255,255,.74);--shadow:0 24px 80px rgba(0,0,0,.42);--pad-x:clamp(22px,4vw,78px);--pad-y:clamp(18px,3.2vh,54px);--display-weight:650}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;color:var(--text);background:#0d4f93}.weather-screen{position:relative;width:100vw;height:100vh;min-height:620px;overflow:hidden;isolation:isolate}.video-bg,.video-bg video{position:absolute;inset:0;width:100%;height:100%}.video-bg{z-index:-10;background:#0d4f93;overflow:hidden}.video-bg video{object-fit:cover;object-position:center center;border:0;opacity:0;transition:opacity 900ms ease;background:#0d4f93}.video-bg video.ready{opacity:1}.video-overlay{position:absolute;inset:0;z-index:-9;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.10),transparent 34%),linear-gradient(180deg,rgba(5,18,35,.18),rgba(5,18,35,.46))}.weather-screen.rain .video-overlay,.weather-screen.thunder .video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(4,12,24,.58))}.weather-screen.clear .video-overlay{background:linear-gradient(180deg,rgba(4,34,75,.06),rgba(2,20,40,.35))}.sky-fallback{position:absolute;inset:0;z-index:-11;background:linear-gradient(180deg,#1978c8 0%,#1586de 42%,#7fd0ff 100%);transition:background .8s ease}.weather-screen.clear .sky-fallback{background:linear-gradient(180deg,#075bba 0%,#1294ee 52%,#86dcff 100%)}.weather-screen.clouds .sky-fallback{background:linear-gradient(180deg,#356a96 0%,#74a9c8 52%,#c7e4f4 100%)}.weather-screen.darkclouds .sky-fallback{background:linear-gradient(180deg,#202f43 0%,#505f70 55%,#8797a2 100%)}.weather-screen.rain .sky-fallback{background:linear-gradient(180deg,#17263a 0%,#304d66 55%,#6e8797 100%)}.weather-screen.thunder .sky-fallback{background:linear-gradient(180deg,#0d1120 0%,#242d48 55%,#555f75 100%)}.topbar{position:absolute;top:var(--pad-y);left:var(--pad-x);right:var(--pad-x);display:flex;justify-content:space-between;align-items:center;font-size:clamp(18px,2vw,30px);font-weight:700;text-shadow:0 3px 14px rgba(0,0,0,.40);z-index:2}.topbar .center{position:absolute;left:50%;transform:translateX(-50%)}.topbar .brand{width:193px;height:31px;display:flex;align-items:center}.topbar .brand img{display:block;width:100%;height:100%;object-fit:contain}.topbar .right-brand{justify-content:flex-end}.topbar .left-brand{justify-content:flex-start}.weather-panel{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(78vw,760px);border-radius:34px;background:linear-gradient(180deg,rgba(9,33,62,.70),rgba(7,24,46,.55));backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.16)}.current-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:38px 42px 25px;border-bottom:1px solid var(--line)}.temp-main{font-size:clamp(70px,10vw,132px);line-height:.88;font-weight:var(--display-weight);letter-spacing:-5px}.feels{margin-top:14px;color:var(--muted);font-size:clamp(18px,2vw,26px)}.condition-wrap{text-align:right;align-self:center}.weather-emoji{font-size:clamp(76px,10vw,128px);line-height:1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.30))}.condition-text{margin-top:6px;max-width:250px;font-family:inherit;font-weight:var(--display-weight);font-size:clamp(24px,3.4vw,66px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word}.hi-lo{margin-top:22px;color:var(--muted);font-size:clamp(16px,1.7vw,22px);display:flex;gap:20px;justify-content:flex-end;flex-wrap:wrap}.clock-block{padding:34px 42px 28px;text-align:center}.clock{font-size:clamp(92px,14vw,190px);line-height:.9;font-family:inherit;font-weight:var(--display-weight);letter-spacing:-6px}.date{margin-top:16px;color:var(--muted);font-size:clamp(17px,2vw,28px)}.metrics{padding:25px 34px 34px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{text-align:center;color:var(--muted);min-width:0}.metric .ico{font-size:clamp(20px,2.4vw,32px);display:block;margin-bottom:8px}.metric .label{font-size:clamp(13px,1.45vw,18px);white-space:nowrap}.metric .value{color:var(--text);font-size:clamp(17px,2vw,26px);margin-top:6px;font-weight:700}.wind-circle{margin:0 auto 8px;width:clamp(56px,6vw,82px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(48,150,255,.86);display:grid;place-items:center;color:var(--text);box-shadow:0 0 22px rgba(42,146,255,.36),inset 0 0 16px rgba(42,146,255,.35)}.bottom-forecast{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(8,25,43,.10),rgba(6,18,33,.84));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.18);padding:18px max(18px,4vw) 22px}.forecast-hours{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:end}.fitem{text-align:center;min-width:0;text-shadow:0 2px 8px rgba(0,0,0,.34)}.fitem .name{color:var(--muted);font-size:clamp(14px,1.6vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fitem .ficon{font-size:clamp(30px,3.7vw,52px);line-height:1.25}.fitem .range{font-size:clamp(15px,1.6vw,23px);font-weight:700}.fitem.hour .time{font-size:clamp(14px,1.5vw,21px);color:var(--muted)}.fitem.hour.active .time{display:inline-block;color:#132033;background:#fff;border-radius:10px;padding:2px 9px;font-weight:800}.error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80vw,680px);padding:24px;border-radius:22px;background:rgba(0,0,0,.55);text-align:center;display:none;z-index:5}@media (orientation:landscape){.weather-panel{top:48%;width:min(92vw,1600px)}.current-row{grid-template-columns:minmax(260px,.75fr) minmax(420px,1.15fr) minmax(300px,.75fr);grid-template-areas:"temp condition clock";align-items:center;justify-items:center;text-align:center;gap:clamp(24px,3.5vw,62px);padding:clamp(30px,4vw,58px) clamp(40px,5vw,86px) clamp(26px,3vw,42px)}.temp-block{grid-area:temp;text-align:center;justify-self:center}.condition-wrap{grid-area:condition;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:center;gap:clamp(20px,2.8vw,48px);text-align:center;min-width:0;width:100%}.condition-wrap>div:last-child{min-width:0;text-align:center}.condition-text{max-width:100%;font-size:clamp(34px,3.6vw,66px);line-height:1.05;text-align:center}.hi-lo{justify-content:center;font-size:clamp(17px,1.35vw,25px)}.weather-emoji{font-size:clamp(92px,9vw,170px)}.clock-block{grid-area:clock;padding:0;text-align:center;justify-self:center}.clock{font-size:clamp(86px,9vw,165px)}.date{font-size:clamp(18px,1.55vw,28px)}.metrics{padding:clamp(22px,2.7vw,42px) clamp(40px,5vw,86px) clamp(24px,3vw,44px)}.bottom-forecast{padding-bottom:16px}}@media (orientation:portrait){.weather-panel{width:min(78vw,760px);top:46%}.current-row{grid-template-columns:1fr;grid-template-areas:"temp" "condition" "clock";justify-items:center;text-align:center;gap:clamp(22px,3vh,42px)}.temp-block{grid-area:temp;text-align:center}.condition-wrap{grid-area:condition;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}.condition-text{max-width:min(100%,520px);text-align:center}.hi-lo{justify-content:center}.clock-block{grid-area:clock;text-align:center}}@media (max-width:620px){.topbar .brand{width:145px;height:23px}.weather-panel{width:88vw;border-radius:28px}.current-row{padding:26px 24px 20px}.clock-block{padding:26px 24px 22px}.metrics{grid-template-columns:repeat(5,1fr);padding:18px 12px 26px;gap:6px}.metric .label{display:none}.bottom-forecast{padding-left:12px;padding-right:12px}.forecast-hours{gap:6px}}