:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#60a5fa,#1e3a8a 45%,#0f172a 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.app{color:#fff;min-height:100vh;padding:20px}.container{max-width:1280px;margin:0 auto}.hero{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:32px;grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:24px;padding:28px;display:grid;box-shadow:0 20px 50px #00000040}.eyebrow{letter-spacing:.25em;text-transform:uppercase;opacity:.75;font-size:12px}.hero h1{margin:10px 0;font-size:48px;line-height:1.05}.subtitle{opacity:.8;max-width:700px}.controls{background:#ffffff14;border-radius:28px;padding:16px}.input-row{gap:10px;margin-bottom:10px;display:flex}.input-row input{border:0;border-radius:16px;flex:1;height:48px;padding:0 14px}button{cursor:pointer;border:0;border-radius:16px;padding:12px 16px}.primary{color:#082f49;background:#22d3ee;font-weight:700}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row button{color:#fff;background:#ffffff24;align-items:center;gap:6px;display:flex}.message{background:#ffffff1a;border-radius:14px;margin-top:10px;padding:12px;font-size:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.empty{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border-radius:28px;padding:40px}.weather-card{border-radius:28px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000040}.weather-card.sun{background:linear-gradient(135deg,#22d3ee,#2563eb,#1e3a8a)}.weather-card.cloud{background:linear-gradient(135deg,#60a5fa,#6366f1,#334155)}.weather-card.rain{background:linear-gradient(135deg,#0ea5e9,#475569,#0f172a)}.weather-card.snow{color:#0f172a;background:linear-gradient(135deg,#bae6fd,#7dd3fc,#64748b)}.weather-card.storm{background:linear-gradient(135deg,#1e293b,#312e81,#000)}.card-actions{gap:8px;display:flex;position:absolute;top:14px;right:14px}.card-actions button{width:36px;height:36px;color:inherit;background:#fff3;border-radius:999px;justify-content:center;align-items:center;display:flex}.emoji{margin-bottom:6px;font-size:48px}.weather-card h2{margin:0;font-size:28px}.country,.status,.feels{opacity:.85}.temp{margin:10px 0 4px;font-size:54px;font-weight:800}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.stat-box{background:#ffffff24;border-radius:18px;padding:14px}.stat-box span{opacity:.8;margin-bottom:6px;font-size:13px;display:block}.forecast{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;display:grid}.day-box{text-align:center;background:#ffffff1f;border-radius:16px;padding:10px 6px;font-size:13px}.day-emoji{margin:6px 0;font-size:22px}@media (width<=900px){.hero{grid-template-columns:1fr}.hero h1{font-size:34px}}@media (width<=520px){.input-row{flex-direction:column}.forecast{grid-template-columns:repeat(3,1fr)}}