:root{--grad-a:#1565d8;--grad-b:#0891b2;--surface:#ffffff1a;--surface-hov:#ffffff2e;--border:#ffffff2e;--shadow:0 8px 48px #00000038;--t1:#fff;--t2:#ffffff9e;--t3:#ffffff59;--accent:#60c8ff;--ring-track:#ffffff1f}[data-theme=light]{--grad-a:#dbeafe;--grad-b:#bfdbfe;--surface:#ffffff8c;--surface-hov:#ffffffc7;--border:#648cdc2e;--shadow:0 8px 40px #3c64c824;--t1:#1e3a5f;--t2:#1e3a5f9e;--t3:#1e3a5f59;--accent:#2563eb;--ring-track:#1e3a5f1a}.theme-night{--grad-a:#0a1628;--grad-b:#16243e}.theme-rain{--grad-a:#2c4a68;--grad-b:#4a6d8a}.theme-storm{--grad-a:#151c35;--grad-b:#2a3060}.theme-fog{--grad-a:#5a6878;--grad-b:#8a9baa}.theme-snow{--grad-a:#3a5878;--grad-b:#7aaac8}[data-theme=light].theme-rain{--grad-a:#c8dced;--grad-b:#dbedf8}[data-theme=light].theme-night{--grad-a:#b8c8e0;--grad-b:#9aaac8}[data-theme=light].theme-storm{--grad-a:#b8bed8;--grad-b:#a0abcc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--t1);justify-content:center;align-items:flex-start;min-height:100vh;font-family:Outfit,sans-serif;transition:color .4s;display:flex;overflow-x:hidden}#weather-bg{z-index:0;background:linear-gradient(145deg, var(--grad-a), var(--grad-b));transition:background 1s;position:fixed;inset:0;overflow:hidden}.bg-gradient-overlay{background:radial-gradient(at 70% 20%,#ffffff0f 0%,#0000 60%);position:absolute;inset:0}#particles-container{pointer-events:none;position:absolute;inset:0}.rain-drop{background:linear-gradient(#0000,#c8e6ffa6);border-radius:2px;width:1.5px;height:22px;animation:linear infinite rain-fall;position:absolute;top:-20px}@keyframes rain-fall{to{transform:translateY(105vh)translate(10px)}}.snow-flake{background:#ffffffd9;border-radius:50%;animation:linear infinite snow-fall;position:absolute;top:-10px}@keyframes snow-fall{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(50vh)translate(20px)rotate(180deg)}to{transform:translateY(105vh)translate(-10px)rotate(360deg)}}.star{background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:1}}.lightning{opacity:0;background:#a0b0ff;animation:8s infinite flash;position:absolute;inset:0}@keyframes flash{0%,96%,to{opacity:0}97%{opacity:.12}98%{opacity:0}99%{opacity:.08}}.sun-glow{background:radial-gradient(circle,#ffdc502e 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;animation:5s ease-in-out infinite glow-pulse;position:absolute;top:-15%;right:-10%}@keyframes glow-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.app-container{z-index:1;flex-direction:column;gap:1.4rem;width:100%;max-width:1100px;margin:2rem auto;padding:0 1.4rem 3rem;display:flex;position:relative}.glass{background:var(--surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;transition:background .4s,border .4s,box-shadow .4s}.glass:hover{background:var(--surface-hov)}.anim-card{opacity:0;animation:.5s cubic-bezier(.22,.68,0,1.2) forwards card-in;animation-delay:calc(var(--i,0) * 90ms + .2s);transform:translateY(24px)}@keyframes card-in{to{opacity:1;transform:translateY(0)}}header{z-index:200;align-items:center;gap:.9rem;padding-top:.3rem;display:flex;position:sticky;top:0}.search-wrapper{flex:1;max-width:540px;position:relative}.glass-search{border-radius:50px;align-items:center;gap:.7rem;padding:.75rem 1.1rem;transition:background .3s,box-shadow .3s;display:flex}.glass-search:focus-within{background:var(--surface-hov)}.glass-search svg{width:18px;height:18px;color:var(--t2);flex-shrink:0}.search-icon{color:var(--t2)}#search-input{color:var(--t1);background:0 0;border:none;outline:none;flex:1;font-family:Outfit,sans-serif;font-size:1rem}#search-input::placeholder{color:var(--t2)}#location-btn{background:var(--surface-hov);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--t1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}#location-btn:hover{transform:scale(1.1)}.autocomplete-list{background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--shadow);z-index:300;border-radius:16px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.autocomplete-list li{cursor:pointer;border-bottom:1px solid var(--border);color:var(--t1);align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-size:.95rem;transition:background .15s;display:flex}.autocomplete-list li:last-child{border-bottom:none}.autocomplete-list li:hover{background:var(--surface-hov)}.autocomplete-list li svg{width:16px;height:16px;color:var(--t2);flex-shrink:0}.autocomplete-list li .auto-country{color:var(--t2);margin-left:auto;font-size:.8rem}#theme-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--t1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s,background .3s;display:flex}#theme-toggle:hover{background:var(--surface-hov);transform:scale(1.1)rotate(18deg)}#theme-toggle svg{width:20px;height:20px}.section-label{letter-spacing:1.6px;text-transform:uppercase;color:var(--t2);align-items:center;gap:.4rem;margin-bottom:1.2rem;font-size:.68rem;font-weight:700;display:flex}.section-label svg{width:13px;height:13px}.weather-content{grid-template-rows:auto auto;grid-template-columns:1fr 290px;gap:1.4rem;display:grid}.weather-content>*{min-width:0}.hero-card{grid-area:1/1/2/2;justify-content:space-between;align-items:center;gap:1rem;min-height:240px;padding:2.4rem 2.6rem 2rem;display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(at 85% 15%,#ffffff17 0%,#0000 60%);position:absolute;inset:0}.hero-body{flex-direction:column;gap:.22rem;display:flex}.hero-city-row{align-items:flex-start;gap:.5rem;margin-bottom:.15rem;display:flex}.hero-city-row svg{width:18px;height:18px;color:var(--t2);flex-shrink:0;margin-top:.4rem}.hero-city-row h1{letter-spacing:-.5px;color:var(--t1);font-size:2rem;font-weight:700;line-height:1.1}.hero-city-row p{color:var(--t2);font-size:.82rem}.hero-temp-block{align-items:flex-start;gap:.15rem;line-height:1;display:flex}.hero-temp{letter-spacing:-4px;color:var(--t1);font-size:6.5rem;font-weight:800;line-height:1}.hero-unit{color:var(--t2);margin-top:1.2rem;font-size:2rem;font-weight:300}.hero-desc{color:var(--t2);text-transform:capitalize;margin-top:.3rem;font-size:1.15rem;font-weight:400}.hero-hilo{color:var(--t2);margin-top:.1rem;font-size:.9rem;font-weight:500}.hero-pills{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.hero-pill{border:1px solid var(--border);color:var(--t1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:50px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:flex}.hero-icon-wrap{filter:drop-shadow(0 0 30px #ffffff38);flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.hero-icon-wrap svg{stroke-width:1.1px;width:110px;height:110px}.sidebar{flex-direction:column;grid-area:1/2/3/3;padding:1.8rem;display:flex}.daily-list{flex-direction:column;flex:1;list-style:none;display:flex}.daily-item{border-bottom:1px solid var(--border);cursor:default;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem .4rem;transition:background .2s,padding .2s;display:flex}.daily-item:last-child{border-bottom:none}.daily-item:hover{background:var(--surface-hov);padding-left:.7rem;padding-right:.7rem}.daily-item .d-day{color:var(--t1);flex:1;font-size:.92rem;font-weight:500}.daily-item svg{stroke-width:1.6px;flex-shrink:0;width:21px;height:21px}.daily-item .d-rain{color:var(--accent);min-width:28px;font-size:.68rem;font-weight:600}.daily-item .d-temps{justify-content:flex-end;gap:.45rem;min-width:66px;font-size:.9rem;font-weight:600;display:flex}.daily-item .d-hi{color:var(--t1)}.daily-item .d-lo{color:var(--t3)}.sun-row{border-top:1px solid var(--border);align-items:center;gap:.5rem;margin-top:1.2rem;padding-top:1rem;display:flex}.sun-item{flex:1;align-items:center;gap:.5rem;display:flex}.sun-item svg{color:#ffa94d;flex-shrink:0;width:20px;height:20px}.sun-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--t3);font-size:.65rem;font-weight:700;display:block}.sun-val{color:var(--t1);font-size:1rem;font-weight:600;display:block}.sun-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.hourly-card{grid-area:2/1/3/2;padding:1.6rem 1.8rem 1.4rem}.hourly-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.hourly-scroll::-webkit-scrollbar{height:3px}.hourly-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.hourly-item{cursor:default;border-radius:16px;flex-direction:column;align-items:center;gap:.55rem;min-width:60px;padding:.8rem .35rem;transition:background .2s;display:flex}.hourly-item:hover{background:var(--surface-hov)}.hourly-item .h-time{letter-spacing:.5px;color:var(--t2);font-size:.72rem;font-weight:700}.hourly-item svg{stroke-width:1.6px;width:24px;height:24px}.hourly-item .h-temp{color:var(--t1);font-size:.92rem;font-weight:700}.hourly-item .h-rain{color:var(--accent);font-size:.65rem;font-weight:600}.sparkline{width:100%;height:60px;margin-top:.5rem;display:block;overflow:visible}.metrics-bento{grid-column:1/3;grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.mc{cursor:default;flex-direction:column;gap:.45rem;padding:1.5rem 1.6rem;transition:transform .25s;display:flex;position:relative;overflow:hidden}.mc:hover{transform:translateY(-4px)}.mc:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.mc-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--t2);align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;display:flex}.mc-label svg{stroke-width:2px;width:13px;height:13px}.mc-val{letter-spacing:-1px;color:var(--t1);font-size:2.3rem;font-weight:700;line-height:1.1}.mc-unit{color:var(--t2);letter-spacing:0;font-size:.95rem;font-weight:400}.ring-wrap{justify-content:center;align-items:center;margin:.3rem 0;display:flex;position:relative}.ring-svg{width:80px;height:80px}.ring-track{fill:none;stroke:var(--ring-track);stroke-width:8px}.ring-fill{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .8s;transform:rotate(-90deg)}.ring-label{color:var(--t1);white-space:nowrap;font-size:1.05rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arc-wrap{justify-content:center;align-items:flex-end;margin:.2rem 0;display:flex;position:relative}.arc-svg{width:100px;height:55px;overflow:visible}.arc-track{stroke:var(--ring-track)}.arc-fill{stroke:url(#uv-grad);stroke-linecap:round;transition:stroke-dashoffset .8s}.arc-center{text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.arc-val{color:var(--t1);font-size:1.6rem;font-weight:700}.compass-wrap{justify-content:center;margin:.2rem 0;display:flex}.compass-svg{width:80px;height:80px}.compass-ring{fill:var(--ring-track);stroke:var(--border);stroke-width:1px}.compass-dir{fill:var(--t2);font-family:Outfit,sans-serif;font-size:8px;font-weight:700}.needle-s{fill:var(--t3)}.compass-center{fill:var(--t1)}#compass-needle{transition:transform .8s cubic-bezier(.22,.68,0,1.2)}.vis-bar-wrap{background:var(--ring-track);border-radius:99px;height:5px;margin-top:.3rem;overflow:hidden}.vis-bar{background:var(--accent);border-radius:99px;height:100%;transition:width .7s}.dashboard{position:relative}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:360px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--t1);border-radius:50%;width:48px;height:48px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{text-align:center;color:var(--t1);background:#ef44441f;border:1px solid #ef44444d;border-radius:16px;padding:1.5rem 2rem;font-weight:500}.hidden{display:none!important}@media (width<=860px){.weather-content{grid-template-columns:1fr}.sidebar{grid-area:auto/1/auto/2}.metrics-bento{grid-column:1/2;grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.app-container{gap:1rem;margin:1rem auto;padding:0 .9rem 2rem}.hero-card{flex-direction:column;align-items:flex-start;gap:1.2rem;min-height:auto;padding:1.6rem 1.4rem}.hero-icon-wrap{width:80px;height:80px;position:absolute;top:1.4rem;right:1.4rem}.hero-icon-wrap svg{width:64px;height:64px}.hero-body{padding-right:75px}.hero-temp{font-size:4.8rem}.metrics-bento{grid-template-columns:repeat(2,1fr);gap:.8rem}.mc-val{font-size:2rem}header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{flex-wrap:nowrap;justify-content:center;gap:.6rem}.hdr-btn{width:40px;height:40px}}.fav-btn{border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--t2);z-index:10;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.fav-btn:hover{background:#fff3;transform:scale(1.1)}.fav-btn.active{color:#facc15}.fav-btn.active svg{fill:#facc15}.hdr-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--t1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.hdr-btn:hover{background:var(--surface-hov);transform:scale(1.1)}.unit-btn{font-size:1rem;font-weight:700}.favs-dropdown{z-index:300;transform-origin:100% 0;width:280px;padding:1rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) drop-in;position:absolute;top:70px;right:1.5rem}.favs-title{color:var(--t2);text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.85rem;font-weight:700;display:flex}#favs-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.fav-item{cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .8rem;transition:background .2s;display:flex}.fav-item:hover{background:#ffffff26}.fav-item-name{font-size:.95rem;font-weight:600}.fav-item-del{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:.2rem}.fav-item-del:hover{color:#ef4444}.favs-empty{color:var(--t3);text-align:center;padding:1rem 0;font-size:.85rem}@keyframes drop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.skeleton-grid{grid-template-columns:1fr 290px;gap:1.4rem;display:grid}.sk-card{background:var(--surface);border-radius:24px;position:relative;overflow:hidden}.sk-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.sk-hero{grid-column:1/2;height:240px}.sk-sidebar{grid-area:1/2/4/3;height:600px}.sk-hourly{grid-column:1/2;height:180px}.sk-metric{height:150px}.weekly-chart-wrap{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.weekly-chart{width:100%;height:70px;margin-top:.5rem;overflow:visible}.wk-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.wk-lbl{fill:var(--t1);text-anchor:middle;font-family:Outfit,sans-serif;font-size:10px;font-weight:600}.moon-display{justify-content:center;margin:.5rem 0;display:flex}.aqi-bar-wrap{background:var(--ring-track);border-radius:99px;height:6px;margin-top:.3rem;overflow:hidden}.aqi-bar{background:linear-gradient(90deg,#4ade80,#facc15,#fb923c,#ef4444,#a855f7);border-radius:99px;width:0%;height:100%;transition:width 1s}.alert-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;background:#ef4444e6;border-radius:50px;align-items:center;gap:.8rem;padding:.8rem 1.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) slide-down;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #ef44444d}.alert-banner button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;display:flex}.alert-banner button:hover{opacity:1}.toast{background:var(--t1);color:#000;z-index:1000;box-shadow:var(--shadow);border-radius:50px;padding:.8rem 1.5rem;font-weight:600;animation:.3s cubic-bezier(.175,.885,.32,1.275) slide-up;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes slide-down{0%{transform:translate(-50%,-150%)}to{transform:translate(-50%)}}@keyframes slide-up{0%{transform:translate(-50%,150%)}to{transform:translate(-50%)}}.map-container{z-index:1;border-radius:16px;width:100%;height:300px;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:24px;width:100%;max-width:800px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{align-items:center;gap:.5rem;font-size:1.5rem;display:flex}.modal-close{width:36px;height:36px;color:var(--t1);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:#fff3}.compare-search-row{gap:.5rem;margin-bottom:2rem;display:flex}.compare-search-row input{border:1px solid var(--border);color:var(--t1);background:#0003;border-radius:50px;flex:1;padding:.8rem 1.2rem;font-family:Outfit}.compare-search-row button{background:var(--t1);color:#000;cursor:pointer;border:none;border-radius:50px;padding:0 1.5rem;font-weight:600}.compare-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.compare-hint{text-align:center;color:var(--t2);grid-column:1/3;padding:3rem 0}.compare-card{text-align:center;background:#0003;border-radius:20px;padding:1.5rem}.compare-card h3{margin-bottom:.5rem;font-size:1.8rem}.compare-card .c-temp{margin:1rem 0;font-size:4rem;font-weight:800;line-height:1}.compare-card .c-desc{color:var(--t2);margin-bottom:1.5rem;font-size:1.1rem}.c-metrics{text-align:left;flex-direction:column;gap:.8rem;display:flex}.c-metric{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:.5rem;display:flex}.c-metric:last-child{border:none}@media (width<=860px){.skeleton-grid{grid-template-columns:1fr}.sk-sidebar{grid-area:auto/1/auto/2;height:300px}.compare-grid{grid-template-columns:1fr}.header-actions{flex-wrap:nowrap;justify-content:flex-end}}:root{--page:#f3f4f2;--surface:#fff;--surface-hov:#f3f5f3;--border:#e6e9e6;--shadow:0 3px 18px #182a2203;--t1:#222f2c;--t2:#697872;--t3:#89958e;--accent:#d66b45;--ring-track:#edf1ed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#151d21;--surface:#202b30;--surface-hov:#2a373c;--border:#334148;--shadow:0 5px 25px #0000000d;--t1:#e9f0eb;--t2:#a3b4ae;--t3:#80928b;--accent:#f29a72;--ring-track:#35464b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--surface:#fff;--surface-hov:#f3f5f3;--border:#e6e9e6;--shadow:0 3px 18px #182a2203;--t1:#222f2c;--t2:#697872;--t3:#89958e;--accent:#d66b45;--ring-track:#edf1ed}body{background:var(--page);color:var(--t1);font-family:Outfit,system-ui,sans-serif;display:block}#weather-bg{z-index:-1;background:var(--page)!important}#particles-container,.sun-glow,.lightning{display:none}.bg-gradient-overlay{background:0 0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#25332d;background:#f0bd9d}.app-container{width:calc(100% - 80px);max-width:1380px;margin:0 auto;padding:0 0 30px;display:block;position:relative}.topbar{border-bottom:1px solid var(--border);grid-template-columns:220px minmax(200px,1fr) auto;align-items:center;gap:35px;margin:0;padding:30px 0;display:grid}.app-brand{letter-spacing:-1.8px;align-items:center;gap:13px;font-size:35px;font-weight:600;line-height:1;display:flex}.brand-mark{color:#bd754b;background:#f1e5d9;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.brand-mark svg{stroke-width:1.6px;width:29px;height:29px}.brand-period{color:var(--accent)}.app-brand small{letter-spacing:2px;color:var(--t2);margin-top:8px;font-size:7px;font-weight:500;display:block}.search-wrapper{width:100%;max-width:500px;position:relative}.glass-search{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;align-items:center;gap:12px;padding:10px 11px 10px 17px;display:flex}.glass-search .search-icon{color:var(--t3);flex-shrink:0;width:18px;height:18px}.glass-search input{width:100%;min-width:0;color:var(--t1);outline-offset:5px;background:0 0;border:0;padding:5px 0;font-size:13px}.glass-search input::placeholder{color:var(--t3)}.glass-search input:focus{outline:none}.glass-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}#location-btn{background:var(--page);width:30px;height:30px;color:var(--t2);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}#location-btn svg{width:16px;height:16px}.header-actions{align-items:center;gap:7px;display:flex}.hdr-btn,#theme-toggle{width:36px;height:36px;color:var(--t2);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:10px;transition:background .2s,color .2s,transform .2s}.hdr-btn svg,#theme-toggle svg{width:17px;height:17px}.hdr-btn:hover,#theme-toggle:hover{background:var(--surface);color:var(--accent);transform:translateY(-2px)}.unit-btn{color:var(--t1);background:var(--surface);border-color:var(--border);font-size:12px}.dashboard-intro{justify-content:space-between;align-items:flex-end;gap:24px;padding:35px 0 26px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--t3);font-size:8px;font-weight:500}.dashboard-title{letter-spacing:-1px;margin-top:8px;font-size:31px;font-weight:500;line-height:1.2}.dashboard-title>span{color:var(--accent)}.data-status{flex-shrink:0;align-items:center;gap:7px;padding-bottom:4px;display:flex}.data-status>span{background:#7e9b83;border-radius:50%;width:5px;height:5px}.data-status p{color:var(--t2);font-size:10px}.glass{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px}.weather-content{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:22px}.hero-card{color:#fff;isolation:isolate;background:linear-gradient(120deg,#3d6b79,#739c9e);border:0;border-radius:18px;min-height:355px;padding:30px 34px 26px}.hero-card:before{background:radial-gradient(at 80% 20%,#dfd4a82b,#0000 60%)}.hero-card .hero-body{z-index:2;gap:0;position:relative}.hero-overline{letter-spacing:1.5px;color:#d7e8e4;align-items:center;gap:7px;margin-bottom:20px;font-size:7px;display:flex}.hero-overline>span{background:#e8d9a9;border-radius:50%;width:4px;height:4px}.hero-city-row{align-items:center;gap:7px;margin-bottom:6px}.hero-city-row svg{color:#dbe8e4;width:15px;height:15px;margin:0}.hero-city-row h1{letter-spacing:-.7px;color:#fff;font-size:27px;font-weight:500}.hero-city-row p{color:#cde0db;margin-top:3px;font-size:10px}.hero-date{color:#d3e4df;margin-bottom:18px;font-size:10px}.hero-temp{letter-spacing:-6px;color:#fff;font-size:94px;font-weight:400}.hero-unit{color:#d9e8e3;margin-top:11px;margin-left:7px;font-size:30px}.hero-desc{color:#eff5f0;margin-top:7px;font-size:15px;font-weight:400}.hero-hilo{color:#d2e0db;margin-top:5px;font-size:11px}.hero-pills{gap:7px;margin-top:21px}.hero-pill{color:#eff5f0;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0b;border:1px solid #e0f0ec28;border-radius:7px;padding:7px 9px;font-size:9px}.hero-pill svg{width:12px;height:12px}.fav-btn{color:#dbe8e4;background:#ffffff12;border-color:#ffffff2b;border-radius:9px;width:32px;height:32px;transition:transform .2s,background .2s;top:23px;right:23px}.fav-btn svg{width:16px;height:16px}.hero-icon-wrap{display:none}.hero-caption{color:#e3ece785;letter-spacing:2px;font-size:7px;position:absolute;bottom:28px;right:28px}.weather-scene{z-index:0;pointer-events:none;width:330px;height:290px;position:absolute;top:39px;right:12px}.scene-grid{background-image:radial-gradient(#fff3 .7px,#0000 .7px);background-size:18px 18px;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(#000,#0000 67%);mask-image:radial-gradient(#000,#0000 67%)}.scene-orbit{border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:15px 10px 10px;transform:rotate(-25deg)scaleY(.8)}.scene-sun{background:linear-gradient(140deg,#ffe5af,#edb679);border-radius:50%;width:125px;height:125px;position:absolute;top:32px;right:80px;box-shadow:0 0 65px #ffdeb32b,inset -10px -10px 28px #d49b5d66}.scene-cloud{background:linear-gradient(150deg,#f6f9f1,#b7d1cd);border-radius:100px;width:187px;height:64px;position:absolute;box-shadow:9px 17px 24px #28434a22,inset -7px -9px 17px #87b3ad30}.scene-cloud:before,.scene-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud-one{z-index:2;top:151px;right:34px}.cloud-one:before{width:91px;height:91px;bottom:16px;left:30px}.cloud-one:after{width:69px;height:69px;bottom:19px;right:23px}.cloud-two{opacity:.6;z-index:1;width:109px;height:35px;top:89px;right:10px}.cloud-two:before{width:55px;height:55px;bottom:11px;left:15px}.cloud-two:after{width:40px;height:40px;bottom:10px;right:11px}.scene-moon{background:linear-gradient(130deg,#f7ebc8,#d2c5a0);border-radius:50%;width:116px;height:116px;display:none;position:absolute;top:26px;right:77px;box-shadow:0 0 65px #eee2bc20,inset -18px -10px 30px #867d6944}.scene-moon:before{content:"";background:#cabea066;border-radius:50%;width:24px;height:24px;position:absolute;top:26px;left:22px;box-shadow:32px 35px 0 -4px #cabea080,45px -6px 0 -7px #cabea066}.scene-star{color:#e9e2c4;font-size:18px;position:absolute}.star-a{top:55px;right:25px}.star-b{font-size:25px;top:12px;left:45px}.scene-star{display:none}.weather-scene[data-day="0"] .scene-moon,.weather-scene[data-day="0"] .scene-star{display:block}.weather-scene[data-day="0"] .scene-sun{display:none}.weather-scene[data-condition=clear] .scene-cloud{opacity:0}.weather-scene[data-condition=rain] .scene-cloud{background:linear-gradient(150deg,#b8ced0,#809da5)}.scene-rain{gap:25px;display:none;position:absolute;top:216px;right:60px}.weather-scene[data-condition=rain] .scene-rain{display:flex}.scene-rain>span{background:#c9e4e7;border-radius:2px;width:2px;height:19px;transform:rotate(18deg)}.theme-night .hero-card{background:linear-gradient(120deg,#283944,#4d6370)}.theme-rain .hero-card,.theme-storm .hero-card{background:linear-gradient(120deg,#405762,#70868f)}.theme-fog .hero-card{background:linear-gradient(120deg,#53696f,#91a39e)}.theme-snow .hero-card{background:linear-gradient(120deg,#5b7b86,#a5b9bc)}.sidebar{grid-area:1/2/3;padding:25px 23px 22px}.section-label{letter-spacing:1px;color:var(--t2);gap:7px;margin-bottom:17px;font-size:9px;font-weight:500}.section-label svg{width:14px;height:14px;color:var(--accent)}.daily-item{border-radius:0;gap:10px;padding:13px 0}.daily-item:hover{background:0 0;padding-inline:0}.daily-item .d-day{font-size:11px}.daily-item svg{color:#d6a357;width:19px;height:19px}.daily-item .d-rain{color:var(--t3);font-size:8px}.daily-item .d-temps{gap:13px;font-size:11px}.daily-item .d-lo{color:var(--t3);font-weight:400}.sun-row{margin-top:16px;padding-top:18px}.sun-lbl{letter-spacing:.6px;font-size:7px;font-weight:500}.sun-val{margin-top:4px;font-size:13px;font-weight:500}.sun-item svg{color:#c79064;width:18px}.sun-divider{height:28px}.weekly-chart-wrap{margin-top:15px;padding-top:3px}.weekly-chart{height:55px}.wk-lbl{fill:var(--t2);font-size:9px;font-weight:400}.wk-dot{fill:var(--accent);stroke:var(--surface)}#wk-line{stroke:#d29c78}#wk-area{fill:#ddbc9a1f}.hourly-card{min-height:225px;padding:24px 27px 15px}.hourly-scroll{gap:9px;list-style:none}.hourly-item{border-radius:11px;gap:12px;min-width:58px;padding:12px 9px}.hourly-item.now{background:#f4ece1;border:1px solid #e9d9c7}.hourly-item.now .h-time{color:#a3734d}.hourly-item .h-time{color:var(--t2);font-size:9px;font-weight:400}.hourly-item .h-temp{font-size:15px;font-weight:500}.hourly-item svg{color:#b29c72;width:23px;height:23px}.hourly-item .h-rain{color:#809ca6;font-size:8px}[data-theme=dark] .hourly-item.now{background:#514232;border-color:#786045}.sparkline{height:42px;margin-top:12px}#spark-line{stroke:#c9956a;stroke-width:1.8px}#spark-area{fill:#e8d4ba25}.metrics-heading{grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:13px;display:flex}.metrics-heading h2{letter-spacing:-.6px;margin-top:7px;font-size:23px;font-weight:500}.metrics-heading>span{letter-spacing:1px;color:var(--t3);align-items:center;gap:7px;font-size:7px;display:flex}.metrics-heading>span svg{width:14px;height:14px}.metrics-bento{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mc{border-radius:15px;gap:12px;min-height:163px;padding:23px 25px 20px}.mc:after{display:none}.mc-label{letter-spacing:1px;color:var(--t2);font-size:8px;font-weight:500}.mc-label svg{color:var(--t3);width:13px;height:13px}.mc-val{letter-spacing:-1.2px;font-variant-numeric:tabular-nums;font-size:36px;font-weight:400;line-height:1.1}.mc-unit{color:var(--t3);margin-left:4px;font-size:13px}.mc-sub{color:var(--t2);font-size:10px}.ring-wrap,.arc-wrap,.compass-wrap{margin:0;position:absolute;top:47px;right:24px}.ring-svg,.compass-svg{width:73px;height:73px}.ring-label{font-size:14px}.arc-svg{width:90px;height:50px}.arc-val{font-size:25px;font-weight:400}:is(.mc:has(.ring-wrap),.mc:has(.arc-wrap),.mc:has(.compass-wrap)){justify-content:space-between}.ring-fill{stroke:#7eaaa0}.arc-fill{stroke:#cca366}.needle-n{fill:#c87e5b}.moon-display{margin:0;position:absolute;top:51px;right:26px}.moon-emoji{filter:none;font-size:46px}.vis-bar-wrap,.aqi-bar-wrap{background:var(--ring-track);height:4px;margin-top:auto}.vis-bar{background:#8fa99e}.aqi-bar{background:linear-gradient(90deg,#8ba587,#d1bb7a,#d58e6b)}.map-section{grid-column:1/-1;padding:24px}.map-container{background:var(--ring-track);border-radius:11px;height:310px}.map-section .section-label{margin-bottom:18px}.app-footer{color:var(--t3);justify-content:space-between;gap:20px;margin-top:10px;padding:26px 0 10px;font-size:9px;display:flex}.app-footer>a{color:var(--t2);font-size:16px;font-weight:600}.app-footer>a>span{margin-left:12px;font-size:9px;font-weight:400}.app-footer>a:hover{color:var(--accent)}.autocomplete-list{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;box-shadow:0 16px 35px #1b302419}.autocomplete-list li{padding:14px 17px;font-size:12px}.autocomplete-list .auto-country{font-size:10px}.autocomplete-list li:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;background:var(--surface-hov)}.favs-dropdown{background:var(--surface);border-radius:14px;padding:20px;top:91px;right:0}.favs-title{letter-spacing:.5px;font-size:11px}.favs-empty{font-size:12px;line-height:1.8}.fav-item{background:var(--page)}.fav-item-name{font-size:12px}.fav-item-del{color:var(--t2)}.toast{background:var(--t1);color:var(--surface);border-radius:12px;padding:15px 23px;font-size:12px}.alert-banner{color:#654b2c;background:#f3e6d1;border-radius:12px;width:max-content;max-width:calc(100% - 30px);font-size:12px;box-shadow:0 10px 30px #0001}.alert-banner svg{flex-shrink:0}.alert-banner button{color:inherit}.modal-overlay{background:#17272880}.modal-panel{background:var(--surface);max-width:720px;padding:28px}.modal-header h2{letter-spacing:-.5px;font-size:21px;font-weight:500}.modal-close{background:var(--page);color:var(--t1)}.compare-search-row input{background:var(--page);border-radius:10px;min-width:0;padding:12px 15px}.compare-search-row button{background:var(--accent);color:#fff;border-radius:10px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card{background:var(--page);border-radius:14px;padding:25px}.compare-card h3{font-size:24px;font-weight:500}.compare-card .c-temp{font-size:64px;font-weight:400}.compare-card .c-desc,.c-metric{font-size:12px}.compare-hint{font-size:13px;line-height:1.8}.sk-card{background:var(--surface);border-radius:17px}.sk-card:after{background:linear-gradient(90deg,#0000,#aab5a412,#0000)}.sk-hero{height:355px}.sk-sidebar{height:620px}.sk-hourly{height:225px}.error-box{color:var(--t1);background:var(--surface);border-color:var(--border);padding:40px;font-size:14px;line-height:1.8}.motion-toggle{z-index:400;background:var(--surface);min-height:40px;color:var(--t2);border:1px solid var(--border);cursor:pointer;border-radius:30px;padding:10px 14px;font-size:9px;position:fixed;bottom:17px;right:18px;box-shadow:0 3px 15px #00000008}.skip-link{z-index:3000;background:var(--t1);color:var(--surface);padding:14px 20px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:root[data-motion=paused] *,:root[data-page-hidden=true] *{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.scene-cloud.cloud-one{animation:9s ease-in-out infinite cloud-sway}.scene-cloud.cloud-two{animation:12s ease-in-out infinite reverse cloud-sway}.scene-sun,.scene-moon{animation:11s ease-in-out infinite sky-float}.scene-star{animation:4s ease-in-out infinite sky-twinkle}.scene-rain>span{animation:1.7s ease-in-out infinite rain-tick}.scene-rain>span:nth-child(2n){animation-delay:.5s}.anim-card{animation:.65s cubic-bezier(.2,1,.3,1) both card-arrive;animation-delay:calc(var(--i,0) * 45ms)}}@keyframes cloud-sway{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes sky-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sky-twinkle{0%,to{opacity:.4}50%{opacity:1}}@keyframes rain-tick{0%,to{opacity:.3;transform:translateY(0)rotate(18deg)}55%{opacity:1;transform:translateY(8px)rotate(18deg)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.weather-content{grid-template-columns:minmax(0,1fr) 350px}.hero-card{min-height:390px}.weather-scene{top:60px;right:50px}}@media (width<=1150px){.app-container{width:calc(100% - 50px)}.topbar{grid-template-columns:160px 1fr auto;gap:20px}.app-brand{gap:10px;font-size:30px}.brand-mark{width:40px;height:40px}.app-brand small{letter-spacing:1.4px;font-size:6px}.hdr-btn,#theme-toggle{width:31px;height:34px}.header-actions{gap:3px}.weather-content{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.hero-card{padding:27px}.hero-temp{font-size:88px}.weather-scene{opacity:.85;width:300px;right:-40px}.hero-body{max-width:65%}.hero-pills{max-width:360px}.hero-pill{padding:6px 7px;font-size:8px}.hero-caption{font-size:6px}.metrics-bento{gap:15px}.mc{padding:21px}.ring-wrap,.arc-wrap,.compass-wrap{right:18px}.data-status p{font-size:9px}}@media (width<=900px){.topbar{grid-template-columns:1fr auto;gap:20px}.search-wrapper{grid-area:2/1/auto/-1;max-width:none}.header-actions{grid-area:1/2}.app-brand{grid-row:1}.dashboard-intro{padding-top:28px}.dashboard-title{font-size:27px}.weather-content{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.hero-card{min-height:360px;padding:25px}.hero-body{max-width:none}.hero-city-row h1{font-size:24px}.weather-scene{opacity:.55;top:63px;right:-95px}.hero-pills{max-width:275px}.hero-caption{display:none}.sidebar{padding:23px 19px}.daily-item{gap:8px}.hourly-card{padding:24px 20px 17px}.hourly-item{min-width:53px}.mc{min-height:155px;padding:20px}.mc-val{font-size:32px}.mc-unit{font-size:11px}.mc-label{font-size:7px}.ring-svg,.compass-svg{width:63px;height:63px}.arc-svg{width:78px;height:45px}.arc-val{font-size:22px}.ring-label{font-size:12px}.app-footer{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:55px}.favs-dropdown{top:80px}}@media (width<=720px){.app-container{width:calc(100% - 32px);padding-top:0}.topbar{gap:22px 10px;padding:23px 0}.app-brand{font-size:29px}.brand-mark{border-radius:11px;width:37px;height:37px}.brand-mark svg{width:25px;height:25px}.app-brand small{letter-spacing:1.3px;font-size:5px}.header-actions{flex-wrap:nowrap;gap:1px}.hdr-btn,#theme-toggle{width:29px;height:32px}.hdr-btn svg,#theme-toggle svg{width:15px;height:15px}.dashboard-intro{flex-direction:column;align-items:flex-start;gap:15px;padding:25px 0 22px}.dashboard-title{letter-spacing:-.8px;font-size:27px}.data-status p{font-size:9px}.weather-content{grid-template-columns:1fr;gap:18px}.hero-card{grid-area:auto/1;min-height:370px;padding:27px 25px;display:block}.hero-body{max-width:none;padding-right:0}.hero-overline{margin-bottom:23px}.hero-city-row h1{font-size:27px}.hero-date{font-size:10px}.hero-temp{font-size:92px}.hero-pills{gap:7px;max-width:100%;margin-top:23px}.hero-pill{font-size:8px}.weather-scene{transform-origin:100%;opacity:.8;width:295px;top:93px;right:-82px;transform:scale(.8)}.hero-card .hero-temp-block,.hero-card .hero-desc,.hero-card .hero-hilo{z-index:2;position:relative}.fav-btn{top:23px;right:21px}.hourly-card{grid-area:2/1;padding:24px 21px 16px}.sidebar{grid-area:3/1;padding:25px}.daily-item{padding:12px 0}.daily-item .d-day{font-size:12px}.daily-item .d-temps{min-width:85px;font-size:12px}.daily-item .d-rain{margin-right:12px;font-size:10px}.weekly-chart{height:65px}.metrics-heading{grid-row:4;align-items:flex-start;gap:12px;margin-top:14px}.metrics-heading h2{font-size:23px}.metrics-heading>span{display:none}.metrics-bento{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mc{border-radius:13px;gap:13px;min-height:168px;padding:19px 17px}.mc-label{letter-spacing:.5px;gap:5px;font-size:7px;line-height:1.5}.mc-label svg{flex-shrink:0;width:12px;height:12px}.mc-val{font-size:30px}.mc-unit{font-size:10px}.mc-sub{font-size:9px;line-height:1.7}.ring-wrap,.arc-wrap,.compass-wrap{top:54px;right:17px}:is(.mc:has(.ring-wrap) .mc-sub,.mc:has(.arc-wrap) .mc-sub,.mc:has(.compass-wrap) .mc-sub){margin-top:auto}.moon-display{top:54px;right:18px}.moon-emoji{font-size:38px}.map-section{grid-column:1;padding:22px}.map-container{height:280px}.app-footer>a>span{margin:7px 0 0;display:block}.app-footer{padding:24px 3px 65px;font-size:8px}.favs-dropdown{max-width:100%;top:75px;right:0}.skeleton-grid{grid-template-columns:1fr;gap:18px}.sk-sidebar{grid-area:auto/1;height:400px}.sk-hero,.sk-hourly,.sk-metric{grid-column:1}.modal-panel{padding:23px 20px}.modal-header h2{font-size:18px}.compare-grid{grid-template-columns:1fr;gap:14px}.compare-hint{grid-column:1}.compare-search-row input{font-size:12px}.compare-search-row button{padding:0 15px}.alert-banner{border-radius:12px;padding:15px;font-size:11px}.motion-toggle{min-height:36px;font-size:8px;bottom:12px;right:12px}}@media (width<=370px){.header-actions{gap:0}.hdr-btn,#theme-toggle{width:26px}.app-brand{gap:7px;font-size:26px}.brand-mark{width:33px;height:33px}.brand-mark svg{width:23px}.hero-card{padding-inline:20px}.hero-pill{gap:3px;padding:6px;font-size:7px}.metrics-bento{gap:10px}.mc{padding:18px 14px}.mc-unit{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-toggle{display:none}}.suggestion-button{width:100%;color:var(--t1);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:14px 17px;font-size:12px;display:flex}.autocomplete-list li{padding:0}.suggestion-button:hover{background:var(--surface-hov)}.suggestion-button svg{flex-shrink:0;width:15px;height:15px}.suggestion-button>span:not(.auto-country){white-space:nowrap}.auto-country{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fav-item-name{color:var(--t1);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;padding:5px 0}.fav-item-del svg{width:15px;height:15px}button:disabled{opacity:.45;cursor:wait}.topbar{position:relative;top:auto}.anim-card{opacity:1;transform:none}.theme-night{--sky-bg:linear-gradient(120deg, #283944, #4d6370)}.theme-rain,.theme-storm{--sky-bg:linear-gradient(120deg, #405762, #70868f)}.theme-fog{--sky-bg:linear-gradient(120deg, #53696f, #91a39e)}.theme-snow{--sky-bg:linear-gradient(120deg, #5b7b86, #a5b9bc)}.hero-card,.hero-card:hover{background:var(--sky-bg,linear-gradient(120deg, #3d6b79, #739c9e))}:root[data-motion=paused] .anim-card{opacity:1;transform:none;animation:none!important}@media (width<=720px){.weather-scene{right:-28px;transform:scale(.74)}}@media (prefers-reduced-motion:reduce){.anim-card{opacity:1!important;transform:none!important}}.map-weather-label{background:var(--surface);color:var(--t1);border:1px solid var(--border);white-space:nowrap;border-radius:10px;padding:8px 13px;font:500 12px Outfit,sans-serif;box-shadow:0 4px 20px #0002}