*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:13px Tahoma,'Segoe UI',sans-serif}body{--bg:#090e1b;--panel:#111a2d;--card:#152139;--line:#25334d;--text:#edf4ff;--muted:#8395b4;--accent:#7fcaff;--blue:#7b8dff;--glow:#7baeff12;--soft:#1d2d48;background:var(--bg);color:var(--text);background-image:radial-gradient(ellipse at 95% 5%,#5c65c618,transparent 40%),radial-gradient(ellipse at 5% 70%,#29a9b00a,transparent 50%)}body.light{--bg:#eef3fa;--panel:#fff;--card:#f3f7fd;--line:#dce5f2;--text:#20304e;--muted:#71839e;--accent:#3878bc;--blue:#5968b0;--glow:#7baeff10;--soft:#e9f0fa}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:var(--text);transition:background .2s,transform .2s}button:hover{background:var(--soft)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}a{color:inherit;text-decoration:none}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{height:43px;width:43px;box-shadow:0 0 32px #5c9bff15;border-radius:15px}.brand b{font:750 23px 'Segoe UI',sans-serif;letter-spacing:-.8px;direction:ltr}.brand em{color:var(--accent);font-weight:400;font-style:normal}.brand>span{font-size:10px;color:var(--muted);padding-inline-start:14px;border-inline-start:1px solid var(--line);margin-inline-start:7px}.header-tools{display:flex;align-items:center;gap:9px}.date{font-size:10px;color:var(--muted);white-space:nowrap;margin-inline-end:12px}.icon-button{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--muted);flex-shrink:0}.icon-button.small{border:0;background:none;height:28px;width:28px}.icon-button svg{width:17px;height:17px}.search{position:relative;width:min(100%,420px);display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:0 15px;height:43px;color:var(--muted)}.search>span svg{width:17px;height:17px}.search input{background:none;color:var(--text);border:0;outline:none;flex:1;min-width:0;font-size:11px;height:100%}.search input::placeholder{color:var(--muted)}.search:focus-within{border-color:#4b729d;box-shadow:0 0 0 3px var(--glow)}kbd{font:10px monospace;border:1px solid var(--line);padding:3px 7px;border-radius:5px;opacity:.65}#search-results:not(:empty){position:absolute;top:50px;inset-inline:0;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:0 20px 50px #0005;z-index:25;max-height:380px;overflow:auto}#search-results button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start;background:none;padding:13px 12px;border-radius:8px;font-size:12px}#search-results button:hover,#search-results button:focus{background:var(--soft)}#search-results button small{font-size:9px;color:var(--muted);line-height:2;display:block;margin-top:5px}#search-results button svg{color:var(--muted);width:14px}#search-results .empty{padding:15px}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:25px;padding:25px 30px 18px;max-width:1900px;margin:auto}.weather-panel{min-width:0}.current-card{padding:21px 24px 20px;position:relative;overflow:hidden;background:linear-gradient(150deg,#1d315380,var(--panel));border:1px solid var(--line);border-radius:20px}.current-card:before{content:'';position:absolute;width:210px;height:210px;top:-90px;left:-60px;background:#7581ff10;border-radius:50%;filter:blur(30px);pointer-events:none}.city-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:9px;letter-spacing:1px;color:var(--muted)}.current-card h1{font-size:25px;letter-spacing:-.6px;margin:14px 0 9px;line-height:1.5;overflow-wrap:anywhere}.city-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.8;color:var(--muted)}.city-meta time{white-space:nowrap;direction:ltr}.weather-art{height:117px;position:relative;width:175px;margin:12px auto -7px;animation:float 7s ease-in-out infinite;pointer-events:none}.art-sun{position:absolute;width:65px;height:65px;border-radius:50%;top:17px;left:28px;background:linear-gradient(130deg,#fff3c2,#eebf5c);box-shadow:0 0 0 10px #ffde8909,0 0 0 22px #ffde8904,0 0 45px #f5c86a25;animation:breathe 6s ease-in-out infinite}.art-cloud{position:absolute;width:95px;height:35px;top:66px;left:54px;background:linear-gradient(150deg,#e7f4ff,#97b4d9);border-radius:40px;filter:drop-shadow(0 7px 12px #0002)}.art-cloud:before{content:'';position:absolute;width:47px;height:47px;left:16px;bottom:10px;border-radius:50%;background:linear-gradient(150deg,#ecf7ff,#afc7e5)}.art-cloud:after{content:'';position:absolute;width:34px;height:34px;right:8px;bottom:8px;border-radius:50%;background:linear-gradient(120deg,#d0e5fa,#a7c4e8)}.cloud-back{transform:scale(.73);left:15px;top:38px;opacity:.38;filter:blur(.5px)}.rain-drops{display:none;position:absolute;top:103px;left:75px;gap:14px;transform:rotate(15deg)}.rain-drops i{width:3px;height:12px;border-radius:5px;background:#80c5ff;animation:rain 1s linear infinite}.rain-drops i:nth-child(2){animation-delay:.3s}.rain-drops i:nth-child(3){animation-delay:.6s}.weather-art.rain .rain-drops{display:flex}.weather-art.rain .art-sun{opacity:.25}.weather-art.clear .art-cloud,.weather-art.clear .cloud-back{display:none}.weather-art.clear .art-sun{height:78px;width:78px;left:49px;top:23px}.weather-art.night .art-sun{background:#cfdeff;box-shadow:0 0 30px #a1bcff30}.weather-art.night .art-sun:after{content:'';position:absolute;background:#1b2941;width:58px;height:58px;border-radius:50%;top:-10px;right:-9px}.weather-art.cloudy .art-sun{opacity:.25}.temperature{display:flex;align-items:flex-start;justify-content:center;direction:ltr;margin-top:15px;height:79px;gap:1px}.temperature>span:first-child{font:300 76px 'Segoe UI',sans-serif;letter-spacing:-5px;line-height:1}.temperature sup{font:300 45px 'Segoe UI';line-height:1.2}.temperature #unit-label{font:12px 'Segoe UI';color:var(--muted);padding-top:17px;margin-left:1px}.current-card h2{font-size:14px;font-weight:500;text-align:center;margin:7px 0 9px}.feels{font-size:10px;line-height:1.9;text-align:center;color:var(--muted);margin:0}.temp-range{display:flex;justify-content:center;gap:16px;margin:14px 0 0;font-size:11px;color:var(--muted)}.temp-range b{color:var(--text);font-weight:500;direction:ltr;display:inline-block}.source-status{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;display:flex;gap:7px;justify-content:center;align-items:center;color:var(--muted);font-size:9px;line-height:1.8;text-align:center}.status-dot{width:5px;height:5px;background:#8497b5;border-radius:50%;flex-shrink:0}.source-status.fresh .status-dot{background:#66d7c3;box-shadow:0 0 8px #66d7c340}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.metrics>div{border:1px solid var(--line);border-radius:13px;background:var(--panel);display:grid;grid-template-columns:22px 1fr;gap:7px 10px;align-items:center;padding:15px}.metrics>div>span{color:#91b3dc;grid-row:1/3}.metrics small{font-size:9px;color:var(--muted)}.metrics b{font-size:12px;font-weight:500;direction:ltr;text-align:start;unicode-bidi:plaintext}.forecast-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;margin-top:13px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-title h3{font-size:12px;margin:0;font-weight:500}.section-title>span{font-size:8px;color:var(--muted)}.section-title svg{height:15px;width:15px}.hourly{display:flex;overflow:auto;gap:11px;padding-bottom:7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.hour{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);padding:12px 11px;border-radius:12px;flex-shrink:0;min-width:55px}.hour:first-child{background:#76a9ff0b;border-color:#496c9a}.hour small{font-size:9px;color:var(--muted);direction:ltr}.hour b{font-size:13px;font-weight:500;direction:ltr}.hour .chance{color:#7faee2;font-size:8px}.hour>svg{color:#b1cbe9;width:20px;height:20px}.day{display:grid;grid-template-columns:64px 21px 1fr 26px;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.day:last-child{border-bottom:0}.day>span:first-child{color:var(--muted);white-space:nowrap}.day>svg{color:#abc5e5;width:17px;height:17px}.day-temps{display:flex;align-items:center;gap:8px;direction:ltr}.day-temps b,.day-temps small{font-size:10px;font-weight:500;min-width:22px}.day-temps small{color:var(--muted)}.temp-track{height:4px;flex:1;background:var(--line);border-radius:4px;min-width:15px;overflow:hidden}.temp-track i{display:block;height:4px;border-radius:4px;background:linear-gradient(90deg,#66b5dd,#d5b68d)}.day-chance{color:#7699c0;font-size:8px;text-align:left}.location-note{font-size:9px;color:var(--muted);line-height:2.2;margin:16px 4px 12px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;font-size:10px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:10px}.outline-button svg{height:15px;width:15px}.weather-panel>.outline-button{width:100%}.map-section{display:flex;flex-direction:column;min-width:0}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:7px 1px 23px}.map-heading .eyebrow{font:8px 'Segoe UI',sans-serif;letter-spacing:2.5px;color:var(--accent);direction:ltr}.map-heading h2{font-size:26px;letter-spacing:-.9px;font-weight:500;margin:12px 0 0}.map-tools{display:flex;align-items:center;gap:7px}.map-tools .outline-button{font-size:10px;height:36px;padding:0 12px}.layers{display:flex;gap:5px;border:1px solid var(--line);background:var(--panel);padding:6px;border-radius:13px;overflow:auto;margin-bottom:14px;flex-shrink:0;scrollbar-width:none}.layer{flex:1;white-space:nowrap;display:flex;justify-content:center;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:10px;padding:11px 10px;color:var(--muted)}.layer>span svg{height:16px;width:16px}.layer.active{color:#b0d9ff;background:#6a9aff16;border-color:#5f91cb30}.light .layer.active{color:var(--accent)}.map-shell{height:calc(100svh - 255px);min-height:540px;max-height:1000px;position:relative;border:1px solid #2a3d5c;border-radius:19px;overflow:hidden;box-shadow:0 18px 65px #0002;background:#111c2e;direction:ltr}.map-shell iframe{width:100%;height:100%;border:0;display:block;background:#142135;transition:opacity .5s;opacity:0}.map-shell.ready iframe{opacity:1}.map-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#1a3151,#0c1729);color:#eaf2ff;pointer-events:none;transition:opacity .4s}.map-shell.ready .map-loading{opacity:0;visibility:hidden}.map-loading:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#5579a812 1px,transparent 1px),linear-gradient(90deg,#5579a812 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black,transparent 80%)}.map-loading img{height:62px;width:62px;border-radius:20px;box-shadow:0 0 90px #7094ff35;animation:breathe 4s infinite}.map-loading h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:28px 0 7px;direction:rtl}.map-loading p{color:#829cbe;font-size:11px;direction:rtl}.loading-line{margin-top:27px;width:130px;height:3px;background:#4d739730;border-radius:5px;overflow:hidden;position:relative}.loading-line:after{content:'';position:absolute;inset:0;width:35%;background:#91bfff;animation:loading 1.5s infinite}.map-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:12px 3px 0;font-size:9px;color:var(--muted);line-height:2.1}.map-caption a{flex-shrink:0;color:#8ebce9;font-size:9px}.insight-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 23px;margin-top:22px;border:1px solid var(--line);background:linear-gradient(120deg,var(--panel),var(--glow));border-radius:15px}.insight-bar>div{display:flex;align-items:center;gap:13px}.insight-icon{width:37px;height:37px;border:1px solid #42628c44;border-radius:11px;background:#7cafff0a;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.insight-bar b{font-size:11px;font-weight:500}.insight-bar p{font-size:9px;color:var(--muted);line-height:2.1;margin:8px 0 0}.text-button{background:none;color:var(--muted);padding:5px 0;display:flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap}.text-button svg{height:14px;width:14px}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#607390;font-size:9px;padding:20px 30px 25px;margin:0 30px;border-top:1px solid var(--line);line-height:2}.footer>a{font:9px 'Segoe UI',sans-serif;letter-spacing:2px;color:#7c9dc7;direction:ltr}.footer a:hover{color:var(--accent)}.empty{font-size:11px;color:var(--muted);line-height:2;text-align:center;padding:13px 0;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;left:25px;bottom:25px;max-width:calc(100% - 50px);border:1px solid #45618b;background:#182945;color:#dcecff;border-radius:12px;padding:14px 20px;font-size:11px;line-height:2;z-index:80;box-shadow:0 10px 40px #0004;transform:translateY(140px);opacity:0;transition:.2s}#toast.show{transform:none;opacity:1}#overlay:not(:empty){position:fixed;inset:0;background:#020815b8;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:60}.dialog{background:var(--panel);border:1px solid var(--line);max-width:650px;width:100%;max-height:90svh;overflow:auto;border-radius:20px;box-shadow:0 30px 100px #0005;animation:enter .25s}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:16px;font-weight:500;margin:0}.dialog-body{padding:15px 26px 26px}.dialog-body p,.dialog-body li{font-size:12px;line-height:2.4;color:var(--muted)}.dialog-body h3{font-size:13px;margin:22px 0 10px;font-weight:500}.dialog-body a{color:var(--accent);text-decoration:underline}.dialog-body ul{padding-inline-start:22px}.dialog-body .outline-button{margin-top:12px}.error-state{color:#d6a794}.loading-opacity{opacity:.5;transition:opacity .2s}@keyframes float{50%{transform:translateY(-5px)}}@keyframes breathe{50%{filter:brightness(1.12);transform:scale(1.025)}}@keyframes rain{0%{opacity:0;transform:translateY(-3px)}50%{opacity:1}100%{opacity:0;transform:translateY(9px)}}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(380%)}}@keyframes enter{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(min-width:1600px){.layout{grid-template-columns:350px minmax(0,1fr);gap:30px}.current-card{padding:25px 28px}.map-shell{min-height:620px}}@media(max-width:1150px){.brand>span,.date{display:none}.layout{grid-template-columns:285px minmax(0,1fr);gap:18px;padding-inline:20px}.topbar{padding-inline:20px;gap:20px}.search{max-width:360px}.map-heading h2{font-size:23px}.map-tools .outline-button span:not([data-icon]){display:none}.map-tools .outline-button{width:36px;padding:0}.layer{font-size:9px;gap:5px;padding:10px 8px}.layer>span svg{height:14px;width:14px}.map-shell{height:calc(100svh - 250px);min-height:530px}.insight-bar{padding:17px;gap:15px;align-items:flex-start}.insight-bar .text-button{display:none}.insight-bar p{font-size:9px}.current-card{padding-inline:20px}.metrics>div{padding:12px}.footer{padding-inline:0;margin-inline:20px}.forecast-card{padding:15px}.day{grid-template-columns:60px 18px 1fr 20px;gap:5px}}@media(max-width:780px){.topbar{height:auto;min-height:120px;display:grid;grid-template-columns:1fr auto;gap:15px;padding:17px 18px}.brand img{width:36px;height:36px}.brand b{font-size:21px}.header-tools{gap:7px}.header-tools .icon-button{height:32px;width:32px}.fullscreen-button{display:none}.search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:43px}.layout{display:flex;flex-direction:column;gap:20px;padding:20px 15px}.map-section{order:0}.weather-panel{order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-heading{padding:0 2px 19px}.map-heading .eyebrow{font-size:7px;letter-spacing:1.7px}.map-heading h2{font-size:23px;margin-top:9px}.map-tools{gap:5px}.map-tools .icon-button{height:33px;width:33px}.map-tools .outline-button{height:33px;width:33px}.layers{gap:3px;padding:5px;margin-bottom:11px;border-radius:11px}.layer{padding:10px;font-size:10px;gap:6px;flex:none}.map-shell{height:62svh;min-height:490px;max-height:800px;border-radius:15px}.map-caption{display:block;margin-top:11px;font-size:9px}.map-caption a{display:inline-block;margin-top:6px;font-size:10px}.insight-bar{margin-top:17px;padding:17px;border-radius:13px}.insight-bar b{font-size:11px}.insight-bar p{font-size:10px}.weather-panel .current-card{grid-column:1;grid-row:1/3;padding:15px;min-width:0}.current-card h1{font-size:23px;margin-top:15px}.city-meta{display:block;font-size:9px}.city-meta time{display:block;margin-top:6px}.weather-art{transform:scale(.8);width:150px;height:110px;left:10px;margin-top:4px;margin-bottom:-10px}.temperature{height:65px}.temperature>span:first-child{font-size:64px}.temperature sup{font-size:36px}.temperature #unit-label{font-size:10px}.current-card h2{font-size:12px;line-height:2}.feels{font-size:9px}.temp-range{font-size:9px;gap:9px}.source-status{font-size:8px;padding-top:12px;margin-top:14px}.metrics{grid-column:2;display:flex;flex-direction:column;gap:8px;margin:0}.metrics>div{padding:14px 12px;grid-template-columns:20px 1fr;gap:7px 8px;border-radius:12px}.metrics small{font-size:9px}.metrics b{font-size:11px}.forecast-card{margin:0;padding:18px;grid-column:1/-1}.hourly{gap:9px}.hour{padding:12px;min-width:57px}.daily-card{margin-top:0}.day{grid-template-columns:85px 25px 1fr 30px;padding-block:13px;font-size:11px;gap:12px}.day-temps b,.day-temps small{font-size:11px;min-width:30px}.day-chance{font-size:9px}.location-note{grid-column:1/-1;margin:0 2px;line-height:2.2;font-size:10px}.weather-panel>.outline-button{grid-column:1/-1;font-size:11px}.footer{margin:5px 15px 0;padding:20px 0;flex-wrap:wrap;font-size:8px;gap:10px}.footer>span:last-child{display:none}.footer>span:nth-child(2){font-size:8px;line-height:2.2}.map-loading h3{font-size:22px}.map-loading p{font-size:10px}.dialog-header{padding:18px 20px}.dialog-body{padding:10px 20px 22px}.dialog-body p,.dialog-body li{font-size:11px}#overlay:not(:empty){padding:15px}.dialog{border-radius:16px}#toast{font-size:10px}.header-tools .icon-button:last-child{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}