@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";:root{color-scheme:light;--text-strong: #f6fcff;--text-muted: rgba(236, 247, 255, .82);--glass-bg: rgba(12, 38, 61, .32);--glass-border: rgba(255, 255, 255, .26);--shadow: 0 22px 45px rgba(5, 14, 24, .28);--accent: #a1ecff}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;background:#5ea4d8;color:var(--text-strong);overflow-x:hidden}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;padding:1.5rem;transition:background .6s ease}.sky-default{background:radial-gradient(circle at 15% 10%,#8ad4ff 0%,transparent 48%),linear-gradient(165deg,#4995d9,#6a8dd7 60%,#9ba2df)}.sky-sunny{background:radial-gradient(circle at 20% 12%,#ffe986 0%,transparent 38%),linear-gradient(165deg,#41a6de,#4bb8e2 52%,#7ad2f1)}.sky-cloud{background:radial-gradient(circle at 70% 14%,rgba(210,236,255,.7) 0%,transparent 36%),linear-gradient(160deg,#4f7aaf,#5c8bab,#6f9db6)}.sky-rain{background:radial-gradient(circle at 20% 5%,rgba(149,196,222,.7) 0%,transparent 42%),linear-gradient(165deg,#345e8f,#1f4f78 45%,#345c87)}.sky-storm{background:radial-gradient(circle at 12% 10%,rgba(157,183,255,.65) 0%,transparent 45%),linear-gradient(175deg,#2c3f69,#263353 45%,#38455f)}.sky-snow{background:radial-gradient(circle at 15% 8%,rgba(247,254,255,.75) 0%,transparent 36%),linear-gradient(165deg,#7ba4c6,#95bfd8 56%,#c8d8e6)}.sky-night{background:radial-gradient(circle at 76% 14%,rgba(255,237,169,.42) 0%,transparent 26%),linear-gradient(170deg,#13203d,#1d2f56 60%,#28324d)}.glow-layer{position:absolute;inset:-120px;background:radial-gradient(circle at 90% 90%,rgba(141,224,255,.38),transparent 35%),radial-gradient(circle at 10% 85%,rgba(255,211,138,.32),transparent 32%);filter:blur(20px);pointer-events:none}.app-content{position:relative;width:min(100%,1100px);max-width:1100px;margin:0 auto;min-width:0;display:grid;gap:1rem;animation:float-in .62s ease}.app-content>*{min-width:0}@keyframes float-in{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--text-muted)}.headline{margin:.2rem 0 0;font-family:Sora,Outfit,sans-serif;font-size:clamp(1.3rem,1.8vw,1.95rem)}.unit-toggle{display:inline-flex;gap:.35rem;padding:.3rem;border-radius:999px;background:#07182c52}.unit-toggle button{border:0;border-radius:999px;padding:.5rem .85rem;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer;transition:background .2s ease,color .2s ease}.unit-toggle .toggle-active{background:#fff3;color:var(--text-strong)}.glass-card{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:1.2rem;box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:0}.search-card{padding:.9rem}.search-row{display:flex;flex-wrap:wrap;gap:.7rem}.search-input{flex:1;min-width:220px;border:0;border-radius:.9rem;background:#05121e4d;color:var(--text-strong);padding:.82rem .9rem;font:inherit}.search-input::placeholder{color:#ecf7ffa6}.search-input:focus-visible,.ghost-button:focus-visible,.unit-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ghost-button{border:0;border-radius:.9rem;padding:.78rem 1rem;background:#a1ecff2b;color:var(--text-strong);font:inherit;cursor:pointer}.search-helper{margin:.68rem 0 0;font-size:.9rem;color:var(--text-muted)}.search-results{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.search-result{width:100%;border:0;border-radius:.9rem;padding:.68rem .74rem;text-align:left;color:var(--text-strong);background:#0819285c;display:flex;justify-content:space-between;gap:.6rem;cursor:pointer}.search-meta{color:var(--text-muted);white-space:nowrap}.current-card{padding:1.2rem;display:grid;gap:1rem}.current-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.current-heading h1{margin:0;font-family:Sora,Outfit,sans-serif;font-size:clamp(1.4rem,3vw,2.3rem)}.current-main{display:flex;align-items:center;gap:.7rem}.current-icon{margin:0;font-size:2.9rem}.current-temp{margin:0;font-family:Sora,Outfit,sans-serif;font-size:clamp(2.4rem,6vw,4.1rem);line-height:.95}.condition-chip{margin:0;border-radius:999px;background:#ffffff2e;padding:.35rem .7rem;font-size:.88rem}.current-summary{display:flex;flex-wrap:wrap;gap:.7rem 1rem;color:var(--text-muted);font-size:.95rem}.current-summary p{margin:0}.hourly-card,.daily-card,.rain-card,.sun-card,.air-card{padding:1rem}.hourly-card h2,.daily-card h2,.rain-card h2,.sun-card h2,.air-card h2{margin:0 0 .8rem;font-family:Sora,Outfit,sans-serif;font-size:1.06rem}.hourly-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86px;gap:.55rem;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:.3rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.hourly-item{border-radius:.8rem;background:#ffffff1a;padding:.55rem;text-align:center;animation:rise .36s ease}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.hourly-time,.hourly-rain,.hourly-temp,.hourly-icon,.daily-item p,.metric-card p,.metric-card h3,.sun-card p,.air-card p,.pollutants p,.rain-card p{margin:0}.hourly-time,.hourly-rain{color:var(--text-muted);font-size:.82rem}.hourly-icon{font-size:1.27rem}.hourly-temp{font-weight:600}.daily-list{display:grid;gap:.44rem}.daily-item{display:grid;grid-template-columns:48px 34px 1fr 42px minmax(90px,1fr) 42px;align-items:center;gap:.5rem;border-radius:.74rem;background:#ffffff1a;padding:.5rem .62rem}.daily-day,.daily-low,.daily-high{font-weight:600}.daily-label{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-range-track{position:relative;height:6px;border-radius:999px;background:#ffffff2e}.daily-range-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#9de4ff,#ffd98a)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.78rem}.metric-card{padding:.9rem}.metric-card h3{font-size:.86rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.metric-value{margin-top:.36rem;font-family:Sora,Outfit,sans-serif;font-size:1.5rem}.muted-text{color:var(--text-muted)}.dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}.sun-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.sun-time{margin-top:.2rem;font-size:1.18rem;font-weight:600}.sun-track{margin-top:.88rem;height:10px;border-radius:999px;background:#ffffff26}.sun-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd783,#feb)}.air-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.air-aqi{font-family:Sora,Outfit,sans-serif;font-size:2rem;line-height:1}.air-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(30px,1fr);gap:.33rem;margin-top:.82rem;height:110px;align-items:end;min-width:0}.air-bar-wrap{height:100%;display:grid;grid-template-rows:1fr auto;gap:.32rem;align-items:end}.air-bar{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ffe08f,#95d0ff)}.air-time{color:var(--text-muted);font-size:.7rem;text-align:center}.pollutants{margin-top:.82rem;color:var(--text-muted);display:grid;gap:.25rem;font-size:.87rem}.rain-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(34px,1fr);gap:.3rem;height:124px;align-items:end;min-width:0}.rain-column{display:grid;gap:.3rem;justify-items:center}.rain-bar{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9ce8ff,#4aa6e4)}.rain-mm,.rain-time{color:var(--text-muted);font-size:.72rem}.error-card,.loading-card{padding:.9rem 1rem}@media(max-width:900px){.dual-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{padding:1rem}.topbar{flex-direction:column;align-items:flex-start}.unit-toggle{width:100%}.unit-toggle button{flex:1}.daily-item{grid-template-columns:42px 26px minmax(60px,1fr) 35px minmax(64px,1fr) 35px;gap:.3rem;font-size:.84rem}.daily-label{max-width:120px}.current-summary{font-size:.88rem}}