@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f4f7fb;font-synthesis:none;background:#101827;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.weather-app{--accent:#9bd7c3;--accent-strong:#55b895;--ink:#eff9f4;isolation:isolate;background:linear-gradient(135deg,#183b54,#206e73 48%,#0d2637);min-height:100vh;transition:background .7s;position:relative;overflow:hidden}.weather-app.theme-clear{--accent:#ffe3a8;--accent-strong:#ffbd69;background:linear-gradient(135deg,#f49b70,#db6072 42%,#362b68)}.weather-app.theme-clouds{background:linear-gradient(135deg,#496d83,#284a5b 50%,#162b42)}.weather-app.theme-rain{--accent:#a5d8f1;--accent-strong:#70b9de;background:linear-gradient(135deg,#203e55,#1a5571 50%,#101d35)}.weather-app.theme-snow{--accent:#e8f7ff;--accent-strong:#bad4ef;background:linear-gradient(135deg,#7599b3,#647eae 46%,#353d70)}.weather-app.theme-storm{--accent:#d4b5f5;--accent-strong:#b880ed;background:linear-gradient(135deg,#161c37,#3b315c 50%,#111522)}.weather-app.theme-mist{background:linear-gradient(135deg,#607f84,#476a73 48%,#263d52)}.weather-app.night{filter:saturate(.82)}.weather-app:after{z-index:-1;content:"";background:radial-gradient(ellipse at 50% 28%,var(--temp-tint,transparent) 0,transparent 65%);mix-blend-mode:color;opacity:var(--temp-tint-opacity,.55);transition:background .7s,opacity .7s}.atmosphere,.weather-app:after{pointer-events:none;position:absolute;inset:0}.atmosphere{z-index:-2;overflow:hidden}.orb{z-index:0;filter:blur(2px);opacity:.18;--repel-x:0px;--repel-y:0px;will-change:transform;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.orb-one{background:radial-gradient(circle,var(--temp-accent,var(--accent)),transparent 72%);width:48vw;height:48vw;top:-22vw;right:-12vw}.orb-one,.orb-two{transition:background .7s}.orb-two{background:radial-gradient(circle,var(--temp-accent,var(--accent-strong)),transparent 75%);width:38vw;height:38vw;animation-delay:-5s;bottom:-22vw;left:-15vw}.particle{z-index:1;background:var(--temp-accent,var(--accent));box-shadow:0 0 6px 1px var(--temp-accent,var(--accent));opacity:.55;pointer-events:none;will-change:transform;border-radius:50%;transition:background .7s,box-shadow .7s;animation:9s ease-in-out infinite alternate particleFloat;position:absolute}@keyframes particleFloat{0%{transform:translate(var(--px-off,0),var(--py-off,0)) scale(1)}50%{transform:translate(calc(-8px + var(--px-off,0px)),calc(12px + var(--py-off,0px))) scale(.85)}to{transform:translate(calc(10px + var(--px-off,0px)),calc(-10px + var(--py-off,0px))) scale(1.05)}}.rain-lines{opacity:.1;background-image:repeating-linear-gradient(110deg,transparent 0 80px,var(--accent) 81px 82px,transparent 83px 150px);position:absolute;inset:0;transform:translate(-35%)}.theme-clear .rain-lines,.theme-clouds .rain-lines,.theme-snow .rain-lines{opacity:0}@keyframes drift{to{transform:translate(calc(5vw + var(--repel-x,0px)),calc(3vh + var(--repel-y,0px))) scale(1.1)}}.alert,.forecast-card,.hero,.loading-card,.topbar,footer{width:min(1080px,100% - 48px);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;padding-top:28px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;font-size:1.1rem;font-weight:800;text-decoration:none}.brand-mark{color:#182a38;background:var(--accent);border-radius:9px;place-items:center;width:28px;height:28px;margin-right:8px;display:inline-grid}.location-button{color:var(--ink);background:#ffffff10;border:1px solid #ffffff35;border-radius:999px;padding:10px 14px;transition:all .2s}.location-button:focus-visible,.location-button:hover{background:#fff2;border-color:#ffffff65}.hero{padding:112px 0 74px}.card-label,.eyebrow{color:var(--accent);letter-spacing:.16em;font:500 .7rem/1 DM Mono,monospace}h1{letter-spacing:-.08em;max-width:670px;margin:18px 0;font-size:clamp(3.2rem,8vw,6.4rem);line-height:.98}h1 em{color:var(--accent);font-style:normal}.intro{color:#ffffffad;max-width:430px;margin:0 0 34px;line-height:1.65}.search-wrap{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10202e66;border:1px solid #ffffff32;border-radius:17px;align-items:center;max-width:570px;padding:7px 8px 7px 20px;display:flex;position:relative;box-shadow:0 20px 50px #09121b35}.search-wrap:before{z-index:-1;pointer-events:none;content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--glow-x,50%) var(--glow-y,50%),color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);opacity:var(--glow-intensity,0);transition:opacity .25s;position:absolute;inset:0}.search-icon{color:var(--accent);font-size:1.6rem}.search-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:13px}.search-wrap input::placeholder{color:#ffffff80}.search-submit{color:#142733;background:var(--accent);border:0;border-radius:12px;width:42px;height:42px;font-size:1.3rem}.suggestions{z-index:3;color:#122334;background:#f6fbff;border-radius:15px;margin:0;padding:7px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 50px #09121b55}.suggestions li{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;display:flex}.suggestions li.active,.suggestions li:hover{background:#dff3ee}.suggestions-empty{color:#64808d;cursor:default}.suggestions-empty:hover{background:0 0}.suggestions small{color:#64808d;margin-top:2px;font-size:.72rem;display:block}.suggestion-pin{color:#218b75}.suggestions-enter-active,.suggestions-leave-active{transform-origin:top;transition:opacity .18s,transform .18s}.suggestions-enter-from,.suggestions-leave-to{opacity:0;transform:translateY(-7px)scale(.98)}.forecast-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0e1e2c66;border:1px solid #ffffff2b;border-radius:30px;margin-bottom:50px;padding:clamp(24px,5vw,54px);box-shadow:0 25px 80px #09121b25}.forecast-enter-active,.forecast-leave-active{transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1)}.forecast-enter-from,.forecast-leave-to{opacity:0;transform:translateY(24px)scale(.985)}.notice-enter-active,.notice-leave-active{transition:opacity .2s,transform .2s}.notice-enter-from,.notice-leave-to{opacity:0;transform:translateY(-8px)}.unit-swap-enter-active,.unit-swap-leave-active{transition:clip-path .45s cubic-bezier(.65,0,.35,1)}.unit-swap-enter-from{clip-path:inset(100% 0 0)}.unit-swap-leave-to{clip-path:inset(0 0 100%)}.temp-slot{grid-template-columns:1fr;place-items:end;position:relative}.temp-slot,.temp-slot-inline{vertical-align:baseline;display:inline-grid}.temp-value{font-variant-numeric:tabular-nums;grid-area:1/1}.current-weather,.forecast-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.forecast-heading h2{letter-spacing:-.05em;margin:11px 0 5px;font-size:clamp(1.5rem,3vw,2.2rem)}.flag{font-size:1.35rem}.detail p,.feels,.local-date{color:#ffffff8f;font-size:.85rem}.local-date{margin:0 0 4px}.updated-stamp{color:#ffffff5e;letter-spacing:.08em;text-transform:uppercase;margin:0;font:.65rem DM Mono,monospace}.feels,.unit-toggle{position:relative}.unit-toggle{border:1px solid #ffffff26;border-radius:999px;padding:4px;display:flex}.unit-toggle:before{z-index:0;content:"";background:var(--accent);border-radius:999px;width:calc(50% - 4px);transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px}.unit-toggle[data-unit=C]:before{transform:translate(0)}.unit-toggle[data-unit=F]:before{transform:translate(100%)}.unit-toggle button{z-index:1;color:#ffffff80;background:0 0;border:0;border-radius:999px;padding:7px 12px;transition:color .25s,transform .12s,box-shadow .25s;position:relative}.unit-toggle button:after{z-index:-1;pointer-events:none;content:"";border-radius:inherit;background:radial-gradient(120px circle at var(--glow-x,50%) var(--glow-y,50%),color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%);opacity:var(--glow-intensity,0);transition:opacity .25s;position:absolute;inset:0}.unit-toggle button:active{transform:scale(.94)}.unit-toggle button.selected{color:#172c35}.current-weather{align-items:center;padding:52px 0 42px}.temperature{letter-spacing:-.1em;margin:0;font-size:clamp(5rem,14vw,9rem);font-weight:700;line-height:.8;position:relative}.condition{text-transform:capitalize;margin:22px 0 6px;font-size:1.2rem;font-weight:700}.condition span{color:var(--accent)}.weather-icon{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 18px 20px #07111c55);width:140px;height:140px}.details-grid{border-top:1px solid #fff2;grid-template-columns:repeat(6,1fr);gap:10px;padding-top:25px;display:grid}.detail{background:#ffffff0b;border-radius:14px;min-width:0;padding:15px 10px}.detail-icon{color:var(--accent);font-size:1.2rem}.detail p{margin:12px 0 5px}.detail strong{white-space:nowrap;font-size:.9rem}footer{color:#ffffff69;justify-content:space-between;gap:20px;padding:0 0 28px;font:.7rem DM Mono,monospace;display:flex}.alert,.loading-card{background:#241d2c99;border-radius:12px;margin-bottom:30px;padding:14px 18px}.loading-card{color:#ffffffbf;align-items:center;gap:10px;display:flex}.loader{border:2px solid #ffffff35;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.alert,.forecast-card,.hero,.loading-card,.topbar,footer{width:min(100% - 28px,560px)}.topbar{padding-top:18px}.location-button{font-size:.72rem}.hero{padding:82px 0 52px}.forecast-heading,footer{flex-direction:column}.current-weather{padding:42px 0 34px}.weather-icon{width:100px;height:100px}.details-grid{grid-template-columns:repeat(2,1fr)}footer{text-align:center;align-items:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}