:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091110;--bg-raised:#0d1917;--surface:#11201e;--surface-2:#172926;--surface-3:#1d312d;--line:#2c4540;--line-soft:#85a49b29;--text:#edf3f0;--muted:#96aaa4;--subtle:#70867f;--green:#80b69b;--green-strong:#a5cfb9;--blue:#72a9c2;--amber:#d6a85f;--red:#d47d75;--shadow:0 22px 70px #0000003d;--radius-lg:28px;--radius-md:19px;--radius-sm:12px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf3f0;--bg-raised:#f6faf8;--surface:#fff;--surface-2:#e5eeea;--surface-3:#d8e7e1;--line:#c9d9d3;--line-soft:#2a4a4121;--text:#12231f;--muted:#526c64;--subtle:#6b827b;--green:#477b63;--green-strong:#285942;--blue:#39738e;--amber:#9a6b20;--red:#a84e47;--shadow:0 22px 60px #2c473f1f}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% -10%, #5b8f7626, transparent 32rem), linear-gradient(180deg, var(--bg-raised), var(--bg) 24rem);min-width:320px;color:var(--text);min-height:100vh;margin:0}button,input,select{font:inherit}button,summary,select{cursor:pointer}button,input,select{color:inherit}a{color:var(--green-strong)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:10px;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.topbar,main,footer{width:min(1480px,100% - 48px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:92px;display:flex}.brand{color:var(--text);align-items:center;gap:.85rem;text-decoration:none;display:inline-flex}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:1.05rem}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.1rem;font-size:.7rem}.brand-mark{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:40px;height:40px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";border:2px solid var(--green);border-radius:80% 15%;width:10px;height:16px;position:absolute}.brand-mark:before{top:9px;left:10px;transform:rotate(-42deg)}.brand-mark:after{top:14px;right:9px;transform:rotate(135deg)}.brand-mark i{border-width:0 0 0 1px;border-radius:0;width:1px;height:21px;top:11px;left:20px;transform:rotate(8deg)}.brand-mark b{background:var(--amber);border-width:0;border-radius:50%;width:4px;height:4px;top:4px;right:4px}.top-actions,.button-row,.dialog-actions{align-items:center;gap:.65rem;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover,.text-button:hover,.favorite-button:hover,.location-chip:hover{border-color:var(--green);background:var(--surface-2)}.locator-icon,.settings-icon,.search-icon,.compare-icon{width:17px;height:17px;display:block;position:relative}.locator-icon{border:1.5px solid var(--green);border-radius:50%}.locator-icon:before,.locator-icon:after{content:"";border:1.5px solid var(--green);border-radius:50%;position:absolute;inset:4px}.locator-icon:after{border:0;border-left:1px solid var(--green);border-radius:0;inset:-4px 7px}.settings-icon{border:1.5px solid var(--muted);border-radius:50%}.settings-icon:before,.settings-icon:after{content:"";background:var(--muted);position:absolute}.settings-icon:before{width:1px;height:21px;top:-3px;left:7px}.settings-icon:after{width:21px;height:1px;top:7px;left:-3px}.settings{position:relative}.settings summary{list-style:none}.settings summary::-webkit-details-marker{display:none}.settings-panel{z-index:30;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:250px;box-shadow:var(--shadow);gap:.6rem;padding:1rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0}.settings-panel label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.75rem;font-weight:700}.settings-panel select{border:1px solid var(--line);background:var(--bg-raised);border-radius:9px;width:100%;padding:.65rem .75rem}main{padding-block:2.1rem 4rem}.search-deck{z-index:20;grid-template-columns:1.3fr 1fr;gap:1rem;margin-bottom:1.2rem;display:grid;position:relative}.search-field>label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .5rem .2rem;font-size:.72rem;font-weight:700;display:block}.combobox-shell{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;min-height:56px;transition:border-color .16s;display:grid;position:relative}.combobox-shell:focus-within{border-color:var(--green)}.combobox-shell>input{background:0 0;border:0;outline:0;width:100%;height:54px}.combobox-shell>button{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;margin-right:.45rem;padding:.65rem .9rem;font-size:.78rem;font-weight:700}.search-icon,.compare-icon{border:1.5px solid var(--muted);border-radius:50%;margin-inline:1rem .8rem}.search-icon:after{content:"";background:var(--muted);width:7px;height:1px;position:absolute;bottom:-2px;right:-5px;transform:rotate(45deg)}.compare-icon{border-radius:4px;transform:rotate(45deg)scale(.8)}.search-results{z-index:40;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);max-height:340px;box-shadow:var(--shadow);margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:auto}.search-option,.search-message{border-radius:9px;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.7rem .85rem;display:flex}.search-option{cursor:pointer}.search-option[aria-selected=true],.search-option:hover{background:var(--surface-2)}.search-option__name{font-weight:700}.search-option__detail,.search-message{color:var(--muted);font-size:.8rem}.search-message.is-loading:after{content:"";border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}.system-banner{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.system-banner[data-status=error]{border-color:color-mix(in srgb, var(--red), transparent 45%);color:var(--red)}.system-banner button,.primary-button{background:var(--green);color:#07130f;border:0;border-radius:9px;padding:.65rem .9rem;font-weight:800}.hero-card,.panel{border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow)}.hero-card{border-radius:var(--radius-lg);grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);min-height:400px;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";background:linear-gradient(110deg, #80b69b0f, transparent 42%), repeating-linear-gradient(90deg, transparent 0 78px, var(--line-soft) 79px 80px);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-map{border:1px solid var(--line-soft);opacity:.52;border-radius:50%;width:420px;height:420px;position:absolute;top:-20%;right:28%}.hero-map:before,.hero-map:after,.hero-map i{content:"";border:1px solid var(--line-soft);border-radius:50%;position:absolute}.hero-map:before{inset:13%}.hero-map:after{inset:28%}.hero-map i:first-child{border-width:1px 0 0;border-radius:0;inset:49% -8%}.hero-map i:nth-child(2){border-width:0 0 0 1px;border-radius:0;inset:-8% 49%}.hero-map i:nth-child(3){border:3px solid var(--amber);width:10px;height:10px;top:51%;left:58%;box-shadow:0 0 0 8px #d6a85f1a}.hero-main{z-index:1;padding:clamp(2rem,4vw,4rem);position:relative}.eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .6rem;font-size:.7rem;font-weight:800}.eyebrow>span:first-child{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-right:.5rem;display:inline-block;box-shadow:0 0 0 5px #d6a85f1a}.eyebrow>span.is-night{background:var(--blue);box-shadow:0 0 0 5px #72a9c21a}.city-line{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.city-line h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4.1rem);line-height:1}.city-line p{color:var(--muted);margin:.65rem 0 0}.favorite-button,.text-button,.location-chip{border:1px solid var(--line);background:0 0;border-radius:10px;padding:.62rem .8rem;font-size:.78rem;font-weight:700}.favorite-button[aria-pressed=true]{border-color:var(--green);color:var(--green-strong)}.text-button.danger{color:var(--red);margin-top:.6rem}.current-grid{align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:3.4rem;display:flex}.temperature-lockup{font-variant-numeric:tabular-nums;align-items:flex-start;display:flex}.temperature-lockup>span{letter-spacing:-.08em;font-size:clamp(5rem,10vw,9rem);font-weight:300;line-height:.74}.temperature-lockup small{color:var(--muted);margin:-.15rem 0 0 .5rem;font-size:1.4rem}.condition-lockup{align-items:center;gap:1rem;max-width:250px;display:flex}.condition-lockup strong,.condition-lockup span{display:block}.condition-lockup strong{font-size:1.05rem}.condition-lockup span,.local-time{color:var(--muted);margin-top:.3rem;font-size:.85rem}.weather-symbol,.mini-weather{flex:none;width:44px;height:36px;display:inline-block;position:relative}.weather-symbol:before,.mini-weather:before{content:"";border:2px solid var(--amber);border-radius:50%;width:25px;height:25px;position:absolute;top:0;left:0}.weather-symbol:after,.mini-weather:after{content:"";border:2px solid var(--blue);background:var(--surface);border-radius:14px;width:31px;height:13px;position:absolute;bottom:2px;right:0}.weather-symbol[data-tone=clear]:after,.mini-weather[data-tone=clear]:after{display:none}.weather-symbol[data-tone=rain]:after,.mini-weather[data-tone=rain]:after,.weather-symbol[data-tone=storm]:after,.mini-weather[data-tone=storm]:after{box-shadow:3px 6px 0 -1px var(--blue), 13px 7px 0 -1px var(--blue), 23px 6px 0 -1px var(--blue)}.weather-symbol[data-tone=snow]:after,.mini-weather[data-tone=snow]:after{box-shadow:4px 7px 0 -1px var(--text), 15px 8px 0 -1px var(--text), 25px 7px 0 -1px var(--text)}.weather-symbol[data-tone=fog]:before,.mini-weather[data-tone=fog]:before{box-shadow:0 8px 0 -7px var(--muted), 0 15px 0 -7px var(--muted), 0 22px 0 -7px var(--muted);border:0;border-radius:0}.local-time{text-transform:capitalize;margin:2.2rem 0 0}.metric-grid{z-index:1;background:var(--line-soft);grid-template-columns:1fr 1fr;align-content:center;gap:1px;margin:0;padding:1.5rem;display:grid;position:relative}.metric-grid>div{background:var(--surface);min-height:148px;padding:1.5rem}.metric-grid dt,.particle-grid dt,.difference-grid dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.metric-grid dd,.particle-grid dd,.difference-grid dd{letter-spacing:-.03em;margin:.65rem 0 0;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:650}.metric-grid small{color:var(--subtle);margin-top:.35rem;font-size:.72rem;display:block}.meter{background:var(--surface-3);height:3px;margin-top:1.1rem;display:block}.meter i{background:var(--blue);width:0;height:100%;transition:width .25s;display:block}.dashboard-grid{grid-template-columns:minmax(0,2.2fr) minmax(290px,.8fr);gap:1.2rem;margin-top:1.2rem;display:grid}.panel{border-radius:var(--radius-md);min-width:0;padding:clamp(1.25rem,2.5vw,2rem)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:1.1rem}.period-tag,.count-badge{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:700}.hourly-strip{scrollbar-width:thin;grid-template-columns:repeat(8,minmax(84px,1fr));gap:.4rem;margin-top:1.5rem;display:grid;overflow-x:auto}.hour-item{border:1px solid #0000;border-radius:13px;justify-items:center;gap:.55rem;min-width:84px;padding:.9rem .6rem;display:grid}.hour-item.is-current{border-color:var(--line);background:var(--surface-2)}.hour-item time,.hour-item small{color:var(--muted);font-size:.68rem}.hour-item .mini-weather{transform:scale(.65)}.hour-item strong{font-size:.9rem}.chart-shell{min-width:0;height:310px;margin-top:1.3rem}.chart-shell canvas{max-width:100%}.air-panel{position:relative;overflow:hidden}.air-panel:after{content:"";border:1px solid var(--line-soft);width:180px;height:180px;box-shadow:0 0 0 32px var(--line-soft), 0 0 0 64px #80b69b0a;border-radius:50%;position:absolute;bottom:-80px;right:-70px}.air-pulse{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 7px #80b69b1f}.air-panel[data-level=unhealthy] .air-pulse,.air-panel[data-level=very-unhealthy] .air-pulse,.air-panel[data-level=hazardous] .air-pulse{background:var(--red);box-shadow:0 0 0 7px #d47d751f}.air-panel[data-level=moderate] .air-pulse,.air-panel[data-level=sensitive] .air-pulse{background:var(--amber);box-shadow:0 0 0 7px #d6a85f1f}.aqi-lockup{margin-top:2.5rem}.aqi-lockup span{color:var(--muted);font-size:.75rem;display:block}.aqi-lockup strong{letter-spacing:-.07em;margin-top:.2rem;font-size:clamp(4rem,7vw,6.5rem);font-weight:300;line-height:1;display:block}.aqi-label{color:var(--green-strong);margin:.6rem 0 2rem;font-weight:750}.particle-grid,.difference-grid{z-index:1;grid-template-columns:1fr 1fr;gap:1rem;margin:0;display:grid;position:relative}.particle-grid>div,.difference-grid>div{border-top:1px solid var(--line-soft);padding-top:1rem}.particle-grid dd{font-size:1rem}.guidance{z-index:1;color:var(--muted);margin:2rem 0 0;font-size:.78rem;line-height:1.55;position:relative}.week-panel,.comparison-panel,.saved-grid{margin-top:1.2rem}.daily-forecast{grid-template-columns:repeat(7,1fr);gap:.65rem;margin-top:1.5rem;display:grid}.day-card{border:1px solid var(--line-soft);background:var(--bg-raised);border-radius:14px;min-width:0;padding:1rem}.day-card h3{text-transform:capitalize;margin:0;font-size:.8rem}.day-card .mini-weather{transform-origin:0;margin:1.1rem 0;display:block;transform:scale(.8)}.day-card p{margin:0 0 .6rem;font-size:.82rem;font-weight:700}.day-card small{color:var(--muted);margin-top:.25rem;font-size:.66rem;line-height:1.35;display:block}.comparison-names{align-items:center;gap:1rem;margin-top:1.6rem;font-size:clamp(1.2rem,3vw,2.4rem);display:flex}.comparison-names span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.difference-grid{grid-template-columns:repeat(3,1fr);margin-top:1.8rem}.difference-grid dd{font-size:1rem}.saved-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.compact-panel{min-height:150px}.location-chips{flex-wrap:wrap;gap:.55rem;margin-top:1.25rem;display:flex}.location-chip{color:var(--muted)}.empty-copy{color:var(--subtle);margin:0;font-size:.82rem}footer{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;gap:1rem;padding-block:1.7rem 2.5rem;font-size:.75rem;display:flex}footer p{margin:0}dialog{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:min(520px,100% - 32px);color:var(--text);box-shadow:var(--shadow);padding:0}dialog::backdrop{background:#030a08b8}dialog form{padding:2rem}dialog h2{margin:0}dialog p:not(.eyebrow){color:var(--muted);line-height:1.6}.dialog-actions{justify-content:flex-end;margin-top:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.hero-card{grid-template-columns:minmax(0,1fr) 360px}.daily-forecast{grid-template-columns:repeat(4,1fr)}}@media (max-width:860px){.topbar,main,footer{width:min(100% - 28px,720px)}.search-deck,.dashboard-grid,.saved-grid,.hero-card{grid-template-columns:1fr}.hero-card{min-height:0}.hero-map{right:-120px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-grid>div{min-height:120px;padding:1rem}.metric-grid dd{font-size:1.05rem}.daily-forecast{grid-template-columns:repeat(7,150px);overflow-x:auto}}@media (max-width:560px){.topbar{min-height:76px}.brand small{display:none}main{padding-top:1.2rem}.combobox-shell{grid-template-columns:auto 1fr}.combobox-shell>button{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hero-main{padding:1.5rem}.city-line{align-items:flex-start}.city-line h1{font-size:2.35rem}.favorite-button{width:42px;height:42px;padding:0;font-size:0;overflow:hidden}.favorite-button span{font-size:1.2rem}.current-grid{gap:1.8rem;margin-top:2.8rem;display:grid}.temperature-lockup>span{font-size:6.5rem}.metric-grid{grid-template-columns:1fr 1fr}.panel{padding:1.15rem}.panel-heading{align-items:center}.period-tag{text-align:right;max-width:120px}.chart-shell{height:260px}.difference-grid{grid-template-columns:1fr}.comparison-names{flex-wrap:wrap}.button-row{flex-direction:column;align-items:stretch}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}