:root{--bg: #0b1020;--bg-2: #111a33;--glass: rgba(255, 255, 255, .06);--glass-brd: rgba(255, 255, 255, .14);--fg: #eef2ff;--fg-dim: #b9c2e0;--accent: #5eead4;--accent-2: #7c9cff;--danger: #ff8a8a;--radius: 18px;--shadow: 0 8px 32px rgba(0, 0, 0, .45);--maxw: 1100px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--fg);background:radial-gradient(1200px 600px at 80% -10%,rgba(124,156,255,.25),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(94,234,212,.18),transparent 55%),linear-gradient(160deg,var(--bg),var(--bg-2));min-height:100vh;line-height:1.5}#app{max-width:var(--maxw);margin:0 auto;padding:clamp(1rem,2vw,2rem)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.app-title{font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn,.chip{font:inherit;color:var(--fg);background:var(--glass);border:1px solid var(--glass-brd);border-radius:999px;padding:.5rem 1rem;cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover,.chip:hover{background:#ffffff1f;transform:translateY(-1px)}.lang-toggle{font-weight:700;min-width:3rem}.chip--active{border-color:var(--accent);color:var(--accent)}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.5rem}.search-wrap{position:relative;flex:1 1 240px;min-width:200px}.search{width:100%;font:inherit;color:var(--fg);background:var(--glass);border:1px solid var(--glass-brd);border-radius:999px;padding:.55rem 1rem}.search::placeholder{color:var(--fg-dim)}.search-results{list-style:none;margin:.35rem 0 0;padding:0;position:absolute;z-index:20;width:100%;background:#16203c;border:1px solid var(--glass-brd);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.search-results:empty{display:none}.search-item,.search-empty{display:block;width:100%;text-align:left;padding:.6rem 1rem;background:none;border:0;color:var(--fg);font:inherit;cursor:pointer}.search-item span{color:var(--fg-dim);font-size:.85em}.search-item:hover{background:#ffffff14}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.current,.card{position:relative;border-radius:var(--radius);border:1px solid var(--glass-brd);background:var(--glass);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden}.sky{display:block;position:absolute;inset:0;z-index:0}.sky-img{width:100%;height:100%;object-fit:cover;opacity:.55}.sky[data-state=clear][data-day=day]{background:linear-gradient(180deg,#4aa3ff,#aee1ff)}.sky[data-state=clear][data-day=night]{background:linear-gradient(180deg,#0a1230,#1b2a5c)}.sky[data-state=partly][data-day=day]{background:linear-gradient(180deg,#6aaae0,#cfe3f5)}.sky[data-state=partly][data-day=night]{background:linear-gradient(180deg,#0d1733,#2a3a66)}.sky[data-state=cloudy][data-day=day]{background:linear-gradient(180deg,#8e9bb3,#c7cedd)}.sky[data-state=cloudy][data-day=night]{background:linear-gradient(180deg,#1a2138,#38415c)}.sky[data-state=overcast][data-day=day]{background:linear-gradient(180deg,#707a8c,#9aa3b3)}.sky[data-state=overcast][data-day=night]{background:linear-gradient(180deg,#161b29,#2c3346)}.sky[data-state=rain][data-day=day]{background:linear-gradient(180deg,#4a5a72,#7d8aaa)}.sky[data-state=rain][data-day=night]{background:linear-gradient(180deg,#101725,#283449)}.sky[data-state=snow][data-day=day]{background:linear-gradient(180deg,#aebfd6,#eef3fb)}.sky[data-state=snow][data-day=night]{background:linear-gradient(180deg,#1c2335,#444f6b)}.current:before,.card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#080c1a73,#080c1ad1)}.current>*:not(.sky),.card>*:not(.sky){position:relative;z-index:2}.current{display:grid;min-height:260px;margin-bottom:1.75rem}.current-body{padding:clamp(1rem,3vw,2rem);display:grid;gap:1rem}.city-name{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.city-sub,.condition{margin:0;color:var(--fg-dim)}.condition-label{font-weight:700;color:var(--fg)}.temps{display:flex;gap:2rem;align-items:flex-end;flex-wrap:wrap}.temp-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.temp-big{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1}.temp-small{font-size:clamp(1.4rem,4vw,2rem);font-weight:600}.metrics{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.metric{display:flex;flex-direction:column}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim)}.metric-value{font-weight:700}.wear h3,.forecast-title{margin:.5rem 0}.garments{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0;padding:0}.garment{background:#5eead424;border:1px solid rgba(94,234,212,.4);color:var(--fg);padding:.25rem .6rem;border-radius:999px;font-size:.85rem}.reason{color:var(--fg-dim);margin:.4rem 0 0;font-style:italic}.notes{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.note{font-size:.78rem;color:var(--accent)}.forecast{margin-bottom:2rem}.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{min-height:240px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.card-head{display:flex;align-items:baseline;justify-content:space-between}.card-title{margin:0;font-size:1.05rem}.card-temp{font-size:1.5rem;font-weight:800}.card--elapsed{opacity:.55;filter:saturate(.7)}.status,.error{padding:2rem;text-align:center;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-brd)}.error{border-color:var(--danger)}.error .btn{margin-top:.75rem}.app-footer{text-align:center;padding:1.5rem 0;color:var(--fg-dim)}.app-footer a{color:var(--fg-dim)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}