:root{--bg:#06101d;--panel:rgba(12,28,46,.78);--line:rgba(255,255,255,.09);--text:#f4f8fc;--muted:#91a5b8;--blue:#4fc3ff;--cyan:#77e9dc;--yellow:#ffd76a;--danger:#ff806f;--radius:24px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#164874 0,transparent 37%),linear-gradient(150deg,#081827,#030912 75%);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sky span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.13}.sky span:nth-child(1){width:420px;height:420px;background:#37baff;right:-100px;top:10%}.sky span:nth-child(2){width:320px;height:320px;background:#57f2cf;left:-150px;top:50%}.sky span:nth-child(3){width:260px;height:260px;background:#816fff;right:20%;bottom:-150px}.topbar{height:82px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(3,10,18,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand>span:last-child span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--blue),#516cf5);box-shadow:0 8px 26px #2f9ce94d}.search-wrap{position:relative;max-width:520px;flex:1;margin:auto}.search-wrap form{display:flex;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;overflow:hidden}.search-wrap input{width:100%;padding:12px 16px;background:transparent;border:0;color:white;outline:0;font:inherit}.search-wrap button{width:48px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.search-results{position:absolute;top:54px;width:100%;background:#0e2033;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #0008;overflow:hidden}.search-results button{display:block;width:100%;padding:12px 16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;cursor:pointer}.search-results button:hover{background:#ffffff0b}.search-results small{color:var(--muted);display:block}.ghost-btn{display:flex;gap:8px;align-items:center;white-space:nowrap;padding:11px 15px;border:1px solid var(--line);border-radius:13px;color:white;background:#ffffff08;cursor:pointer}main{max-width:1240px;margin:auto;padding:38px 24px}.panel{background:linear-gradient(145deg,rgba(17,39,62,.88),rgba(8,21,35,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 60px #0003;backdrop-filter:blur(18px)}.hero{padding:34px 38px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff10;border-radius:50%;right:-90px;top:-170px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:var(--cyan);margin:0 0 6px}.live-dot{display:inline-block;width:7px;height:7px;background:#4ce89b;border-radius:50%;box-shadow:0 0 0 5px #4ce89b1c;margin-right:5px}h1{font-size:clamp(32px,5vw,56px);line-height:1.06;margin:0;letter-spacing:-2px}h2{margin:0;font-size:21px;letter-spacing:-.4px}.muted,.hero p{color:var(--muted);margin:5px 0}.now-grid{display:flex;align-items:center;gap:30px;margin:28px 0 32px}.temperature{display:flex;align-items:center}.temperature span{font-size:60px;margin-right:15px;filter:drop-shadow(0 10px 20px #50c4ff44)}.temperature strong{font-size:clamp(68px,10vw,108px);letter-spacing:-7px;line-height:.9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#ffffff05}.metrics article>span{font-size:24px;color:var(--blue)}small{display:block;color:var(--muted);font-size:11px}.metrics strong{font-size:16px}.alert{display:flex;gap:14px;align-items:center;margin-top:18px;padding:18px 22px;border-color:#ff9c6638;background:linear-gradient(135deg,#6f291c77,#1a1821)}.alert>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--danger);font-weight:900}.alert p{margin:2px 0;color:#ffd3c9}.rain-card,.forecast-panel,.radar-panel{padding:28px;margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.pill{font-size:12px;color:var(--cyan);background:#5be3d518;padding:8px 12px;border-radius:99px;border:1px solid #6ae5d52c}.hourly-chart{height:180px;display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:5px;padding-top:20px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#ffffff08 0 1px,transparent 1px 45px)}.bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bar{width:100%;min-height:3px;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,#317fff,var(--blue));transition:.3s}.bar-wrap small{font-size:9px;color:#b9d9ef;writing-mode:vertical-rl;transform:rotate(180deg);max-height:42px}.chart-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:9px}.split-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(450px,1.2fr);gap:18px}.daily-list{display:flex;flex-direction:column}.day{display:grid;grid-template-columns:82px 36px 1fr 70px;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}.day:last-child{border:0}.day-icon{font-size:22px}.day-rain{color:var(--blue);font-size:12px}.day-temp{text-align:right;font-weight:750}.day-temp span{color:var(--muted);font-weight:500}#radarMap{height:440px;border-radius:17px;overflow:hidden;background:#0b1725}.leaflet-control-attribution{font-size:8px!important}.radar-panel input{width:100%;accent-color:var(--blue);margin-top:15px}.source{font-size:11px;color:var(--muted);margin:4px 0 0}.source a,footer a{color:var(--blue)}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;color:var(--muted);padding:38px 5px 10px;font-size:12px}footer>span{font-size:18px;color:white;font-weight:800}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,100px);background:#12283d;border:1px solid var(--line);border-radius:12px;padding:12px 18px;box-shadow:0 15px 40px #0008;opacity:0;transition:.3s;z-index:999}#toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:800px){.topbar{height:auto;min-height:72px;padding:12px 16px;gap:10px;flex-wrap:wrap}.brand{order:1}.ghost-btn{order:2;margin-left:auto}.search-wrap{order:3;flex-basis:100%;max-width:none}.desktop-label{display:none}main{padding:20px 14px}.hero{padding:24px}.metrics{grid-template-columns:1fr 1fr}.now-grid{gap:14px}.temperature span{font-size:40px}.split-grid{grid-template-columns:1fr}.forecast-panel,.radar-panel,.rain-card{padding:21px}#radarMap{height:360px}footer{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.day{grid-template-columns:70px 30px 1fr 62px}.temperature strong{font-size:70px}.hero:after{display:none}}