:root{--bg: #020617;--panel: rgba(15, 23, 42, .9);--panel-2: rgba(30, 41, 59, .8);--text: #e2e8f0;--muted: #94a3b8;--line: rgba(148, 163, 184, .15);--hot: linear-gradient(135deg, #fb7185, #f97316);--warm: linear-gradient(135deg, #fbbf24, #f59e0b);--mild: linear-gradient(135deg, #38bdf8, #60a5fa);--cool: linear-gradient(135deg, #818cf8, #22d3ee)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,#0f172a,#020617 55%);color:var(--text);font-family:Inter,system-ui,sans-serif}body{padding:20px}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.shell{max-width:1080px;margin:0 auto;display:grid;gap:20px}.hero-card,.panel,.status{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000040}.hero-card{border-radius:28px;padding:24px;display:grid;gap:20px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;color:#38bdf8;font-size:12px;font-weight:700}.hero-card h1{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;max-width:10ch}.lede{margin:12px 0 0;max-width:60ch;color:var(--muted);font-size:1rem}.search-row{display:grid;grid-template-columns:1fr auto;gap:12px}.search-row input{width:100%;padding:16px 18px;border-radius:16px;border:1px solid transparent;background:var(--panel-2);color:var(--text)}.search-row input:focus{outline:none;border-color:#38bdf8}.search-row button{padding:16px 20px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);font-weight:700;cursor:pointer}.status{border-radius:18px;padding:14px 18px;color:#cbd5e1}.status[data-kind=error]{border-color:#f8717173;color:#fecaca}.grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}.panel{border-radius:28px;padding:24px}.panel-heading{margin-bottom:20px}.panel-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:12px}.panel h2{margin:0;font-size:1.6rem}.current-weather{display:grid;gap:18px}.temp-block{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.temp-pill{min-width:110px;min-height:110px;display:grid;place-items:center;border-radius:28px;font-size:2.6rem;font-weight:800;color:#fff;box-shadow:inset 0 1px 1px #fff3}.summary{margin:0;font-size:1.35rem;font-weight:700}.subtle{margin:6px 0 0;color:var(--muted)}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-card{background:var(--panel-2);border-radius:20px;padding:16px;border:1px solid var(--line)}.meta-card span{display:block;color:var(--muted);margin-bottom:8px;font-size:.92rem}.meta-card strong{font-size:1rem}.chart{min-height:240px;display:grid;grid-template-columns:repeat(10,1fr);gap:10px;align-items:end;margin-bottom:18px}.bar-col{display:grid;gap:10px;justify-items:center}.bar-wrap{height:200px;width:100%;border-radius:999px;background:linear-gradient(180deg,#38bdf814,#818cf82e);position:relative;overflow:hidden;border:1px solid var(--line)}.range-bar{position:absolute;left:22%;width:56%;border-radius:999px;background:linear-gradient(180deg,#38bdf8,#818cf8);box-shadow:0 0 20px #60a5fa59}.bar-col span{color:var(--muted);font-size:.84rem}.history-list{display:grid;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--panel-2);border-radius:18px;border:1px solid var(--line)}.history-item div{display:grid;gap:4px}.history-item span{color:var(--muted);font-size:.92rem}.temps{display:flex!important;flex-direction:row;align-items:baseline;gap:10px}.temps b{font-size:1.1rem}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:820px){body{padding:14px}.grid{grid-template-columns:1fr}.hero-card,.panel{border-radius:22px}.search-row{grid-template-columns:1fr}.chart{gap:8px}.bar-wrap{height:160px}}