: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}.sky-style-wrap{display:inline-flex;align-items:center;gap:.4rem;color:var(--fg-dim);font-size:.85rem}.sky-style{font:inherit;color:var(--fg);background:var(--glass);border:1px solid var(--glass-brd);border-radius:999px;padding:.4rem .7rem;cursor:pointer}.sky-style option{color:#16203c}.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{position:absolute;inset:0;z-index:0;overflow:hidden}.sky[data-phase=day]{background:linear-gradient(180deg,#2b6fd6,#6fb0ea 55%,#bfe0f5)}.sky[data-phase=dawn]{background:linear-gradient(180deg,#243a7e,#b06a57 68%,#f1b378)}.sky[data-phase=dusk]{background:linear-gradient(180deg,#182253,#6f4684 52%,#df8a59)}.sky[data-phase=night]{background:linear-gradient(180deg,#060a1b,#0f1a3a 70%,#1a2750)}.sky[data-phase][data-state=cloudy]:after,.sky[data-phase][data-state=overcast]:after,.sky[data-phase][data-state=rain]:after,.sky[data-phase][data-state=snow]:after,.sky[data-phase][data-state=fog]:after,.sky[data-phase][data-state=showers]:after{content:"";position:absolute;inset:0;background:#7882962e}.sky[data-phase][data-state=overcast]:after,.sky[data-phase][data-state=fog]:after{background:#5f67786b}.sky[data-phase][data-state=rain]:after{background:#46506273}.sky[data-phase][data-state=snow]:after{background:#b4c3d747}.sky-sun{position:absolute;width:clamp(34px,9vw,70px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,#fff9e6,#ffe487 45%,#ffd27800 72%);box-shadow:0 0 42px 16px #ffe2968c}.sky-sun--warm{background:radial-gradient(circle at 50% 50%,#fff2cf,#ff9e5a 52%,#ff8c5000 75%);box-shadow:0 0 50px 20px #ff965a80}.sky-moon{position:absolute;right:18%;top:18%;width:clamp(26px,6vw,50px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fdfdf5,#cfd6e6 70%,#aab3c8);box-shadow:0 0 22px 6px #dce6ff4d}.sky-stars span{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.95}}.sky-clouds{position:absolute;inset:0;width:100%;height:100%;animation:drift 70s linear infinite alternate}.sky-clouds ellipse{fill:#ffffffe6}.sky-clouds--grey ellipse{fill:#b8c0cdeb}@keyframes drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.sky--rain{backdrop-filter:blur(.5px)}.sky-rain{position:absolute;inset:0}.drop{position:absolute;width:calc(6px * var(--s));height:calc(8px * var(--s));border-radius:50%/42% 42% 58% 58%;background:radial-gradient(circle at 35% 28%,#ffffffb3,#b9d2f047 60%,#96b4d71f);box-shadow:inset 0 -2px 3px #fff6;animation:slip 3.2s ease-in infinite}@keyframes slip{0%,65%{transform:translateY(0);opacity:.85}to{transform:translateY(26px);opacity:.3}}.sky-snow{position:absolute;inset:0}.flake{position:absolute;top:-10px;width:calc(6px * var(--s));height:calc(6px * var(--s));border-radius:50%;background:radial-gradient(circle,#fff,#fff9);box-shadow:0 0 4px #fffc;animation:snowfall linear infinite}@keyframes snowfall{0%{transform:translateY(-10px);opacity:.9}to{transform:translate(var(--x),280px);opacity:.4}}.sky-city{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(0deg,#ffc67847,#ffc67800)}.sky-city:after{content:"";position:absolute;bottom:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#ffd78c00 0 5px,#ffde968c 5px 7px);filter:blur(.4px)}.sky--gradient[data-state=clear][data-day=day],.sky--photo[data-state=clear][data-day=day]{background:linear-gradient(180deg,#4aa3ff,#aee1ff)}.sky--gradient[data-state=clear][data-day=night],.sky--photo[data-state=clear][data-day=night]{background:linear-gradient(180deg,#0a1230,#1b2a5c)}.sky--gradient[data-state=partly][data-day=day],.sky--photo[data-state=partly][data-day=day]{background:linear-gradient(180deg,#6aaae0,#cfe3f5)}.sky--gradient[data-state=partly][data-day=night],.sky--photo[data-state=partly][data-day=night]{background:linear-gradient(180deg,#0d1733,#2a3a66)}.sky--gradient[data-state=cloudy][data-day=day],.sky--photo[data-state=cloudy][data-day=day]{background:linear-gradient(180deg,#6d92b6,#b4c3d4)}.sky--gradient[data-state=cloudy][data-day=night],.sky--photo[data-state=cloudy][data-day=night]{background:linear-gradient(180deg,#11192e,#2b3656)}.sky--gradient[data-state=overcast][data-day=day],.sky--photo[data-state=overcast][data-day=day]{background:linear-gradient(180deg,#707a8c,#9aa3b3)}.sky--gradient[data-state=overcast][data-day=night],.sky--photo[data-state=overcast][data-day=night]{background:linear-gradient(180deg,#161b29,#2c3346)}.sky--gradient[data-state=rain][data-day=day],.sky--photo[data-state=rain][data-day=day]{background:linear-gradient(180deg,#4a5a72,#7d8aaa)}.sky--gradient[data-state=rain][data-day=night],.sky--photo[data-state=rain][data-day=night]{background:linear-gradient(180deg,#101725,#283449)}.sky--gradient[data-state=snow][data-day=day],.sky--photo[data-state=snow][data-day=day]{background:linear-gradient(180deg,#aebfd6,#eef3fb)}.sky--gradient[data-state=snow][data-day=night],.sky--photo[data-state=snow][data-day=night]{background:linear-gradient(180deg,#1c2335,#444f6b)}.sky--gradient[data-state=fog][data-day=day],.sky--photo[data-state=fog][data-day=day]{background:linear-gradient(180deg,#aeb6c0,#d8dde3)}.sky--gradient[data-state=fog][data-day=night],.sky--photo[data-state=fog][data-day=night]{background:linear-gradient(180deg,#14181f,#2b3340)}.sky--gradient[data-state=showers][data-day=day],.sky--photo[data-state=showers][data-day=day]{background:linear-gradient(180deg,#5f7796,#9fb6cf)}.sky--gradient[data-state=showers][data-day=night],.sky--photo[data-state=showers][data-day=night]{background:linear-gradient(180deg,#101725,#283449)}.sky-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.current:before,.card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#080c1a0a,#080c1a4d 52%,#080c1ab8)}.current>*:not(.sky),.card>*:not(.sky){position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.45)}.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:flex-start;justify-content:space-between;gap:.5rem}.card-title-col{display:flex;flex-direction:column;gap:.15rem;min-width:0}.card-title{margin:0;font-size:1.05rem}.card-temp{font-size:1.5rem;font-weight:800;white-space:nowrap}.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)}.card-day{align-self:flex-start;font-size:.62rem;padding:.06rem .4rem;border-radius:999px;background:#ffffff24;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em}.outlook{margin-bottom:2.5rem}.card-sky{font-size:.82rem;color:var(--fg-dim)}.day-card .card-head{align-items:center}.day-rows{display:flex;flex-direction:column;gap:.4rem;margin-top:.2rem}.day-temps{display:flex;gap:.7rem;align-items:baseline}.day-min{font-size:1.3rem;font-weight:600;color:var(--fg-dim)}.day-max{font-size:1.5rem;font-weight:800}.day-stat,.day-air{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.3rem}.aqi{font-weight:700}.aqi--good{color:#7cfc8a}.aqi--fair{color:#c8f06a}.aqi--moderate{color:#ffd25a}.aqi--poor{color:#ff9e5a}.aqi--veryPoor{color:#ff6a6a}.aqi--extreme{color:#e07ae0}.aqi--unknown{color:var(--fg-dim)}.toast{background:#ffb45a1f;border:1px solid rgba(255,180,90,.45);color:var(--fg);padding:.6rem 1rem;border-radius:12px;margin-bottom:1.25rem}.beach{border-radius:var(--radius);border:1px solid var(--glass-brd);background:var(--glass);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.5rem);margin-bottom:2rem}.beach-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}.beach-title{margin:0;font-size:1.2rem}.beach-rating{font-weight:700;padding:.3rem .85rem;border-radius:999px;font-size:.9rem}.beach-rating--good{background:#5eead42e;color:#5eead4;border:1px solid rgba(94,234,212,.5)}.beach-rating--acceptable{background:#ffd25a26;color:#ffd25a;border:1px solid rgba(255,210,90,.4)}.beach-rating--poor{background:#ff8a8a1f;color:#ff8a8a;border:1px solid rgba(255,138,138,.4)}.beach-rating--noSea{background:#ffffff14;color:var(--fg-dim);border:1px solid var(--glass-brd)}.beach-rows{display:grid;gap:.1rem}.beach-row{display:grid;grid-template-columns:1.4rem auto 1fr;align-items:baseline;gap:.5rem;padding:.35rem 0;border-top:1px solid rgba(255,255,255,.06)}.beach-row:first-child{border-top:0}.beach-check{color:#5eead4;font-weight:800}.beach-row--fail .beach-check{color:#ff8a8a}.beach-label{color:var(--fg-dim)}.beach-value{text-align:right;font-weight:600}.beach-safety{margin:.75rem 0 0;color:var(--fg-dim);font-size:.85rem}.beach-note{margin:0;color:var(--fg-dim)}.beach-badge{display:inline-block;margin-top:.5rem;padding:.25rem .7rem;border-radius:999px;background:#5eead433;color:#5eead4;border:1px solid rgba(94,234,212,.5);font-weight:700;font-size:.8rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}