:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef6ff;background:#0c1d31;--card:rgba(255,255,255,.12);--line:rgba(255,255,255,.15);--muted:rgba(238,246,255,.68)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#34688d 0,#173a60 35%,#0c1d31 75%);background-attachment:fixed}.app-shell{max-width:600px;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.16em;color:#b9def4}.topbar h1{font-size:32px;line-height:1;margin:8px 0 6px}.topbar p{margin:0;color:var(--muted);font-size:14px;text-transform:capitalize}.icon-button{border:1px solid var(--line);background:var(--card);color:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;cursor:pointer;transition:transform .25s}.icon-button:active{transform:rotate(180deg) scale(.92)}.hero{position:relative;overflow:hidden;margin:24px 0 14px;padding:22px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,205,109,.28),rgba(68,159,213,.2));box-shadow:0 18px 50px rgba(0,0,0,.22)}.hero.weather-rain{background:linear-gradient(145deg,rgba(68,142,190,.3),rgba(22,45,77,.55))}.hero.weather-cloud{background:linear-gradient(145deg,rgba(170,195,216,.3),rgba(46,77,108,.45))}.glow{position:absolute;width:170px;height:170px;right:-45px;top:-70px;border-radius:50%;background:rgba(255,216,110,.3);filter:blur(20px)}.hero-content{display:flex;gap:18px;align-items:center;position:relative}.weather-icon{font-size:62px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));animation:float 4s ease-in-out infinite}.condition{margin:0 0 4px;font-size:16px;color:#dbeefe}.temperature{font-size:64px;line-height:.9;font-weight:300;margin:0}.temperature sup{font-size:22px;vertical-align:top;margin-left:3px}.feels{margin:9px 0 0;color:var(--muted);font-size:13px}.range{display:flex;justify-content:space-between;margin-top:22px;color:var(--muted);font-size:13px}.range b{color:#fff;margin-left:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics article,.panel{border:1px solid var(--line);background:rgba(255,255,255,.09);border-radius:20px}.metrics article{padding:14px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.metrics span{grid-row:span 2;font-size:19px}.metrics small{color:var(--muted);font-size:11px}.metrics strong{font-size:15px}.panel{margin-top:14px;padding:16px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:15px;margin:0 0 14px}.section-title span{font-size:10px;color:var(--muted)}.hourly{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.hour{min-width:66px;text-align:center;padding:10px 6px;border-radius:15px;background:rgba(255,255,255,.07)}.hour.now{background:rgba(255,218,122,.2);outline:1px solid rgba(255,222,140,.45)}.hour small,.day small{display:block;color:var(--muted);font-size:11px}.hour b{display:block;margin-top:4px;font-size:14px}.hour i{display:block;font-style:normal;font-size:21px;margin:6px 0}.daily{display:grid;gap:8px}.day{display:grid;grid-template-columns:70px 34px 1fr 48px;gap:8px;align-items:center;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.08)}.day:last-child{border:0}.day i{font-style:normal;font-size:22px}.day .temps{text-align:right;font-weight:600}.error{padding:12px;border-radius:14px;background:#7d3030;color:#ffe2e2;font-size:13px}footer{text-align:center;color:rgba(238,246,255,.45);font-size:10px;margin-top:18px}@keyframes float{50%{transform:translateY(-5px)}}