:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Trebuchet MS,Tahoma,sans-serif}*{box-sizing:border-box}body{color:#0d1228;background:radial-gradient(circle at 18% 14%,#ffedc6b3 0%,#ffedc600 32%),radial-gradient(circle at 82% 12%,#a2deffb3 0%,#a2deff00 38%),linear-gradient(165deg,#d9f2ff 0%,#eff3ff 34%,#e6ffe5 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--ink:#0f1126;--ink-soft:#434760;--panel:#fffc;--panel-border:#ffffffa6;--accent:#0e7c86;--accent-strong:#0a5f66;--warning:#b0352f;--shadow:0 24px 40px #0e112724}.app-shell{gap:18px;width:min(1120px,94vw);margin:28px auto;display:grid}.hero{color:var(--ink)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.8rem}.hero h1{margin:4px 0;font-size:clamp(2.1rem,4vw,3rem);line-height:1}.subtitle{color:var(--ink-soft);max-width:64ch;margin:0}.control-panel,.card,.empty-state{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px}.control-panel,.card{padding:1rem}.search-row{flex-wrap:wrap;gap:.6rem;display:flex}.search-row input{border:1px solid #ced4e4;border-radius:10px;flex:240px;padding:.72rem .85rem;font-size:.98rem}.search-row button,.chip,.recent-chip,.suggestion{cursor:pointer;border:none;border-radius:10px;padding:.65rem .95rem;font-weight:600}.search-row button{background:var(--accent);color:#fff}.search-row button:hover{background:var(--accent-strong)}.search-row button.secondary{color:#20294f;background:#e8eefc}.search-row .install-btn{color:#fff;background:#16203f}.search-row button:disabled{opacity:.5;cursor:not-allowed}.toggle-row,.recent-row{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.8rem;display:flex}.chip{color:#16203f;background:#edf0f7}.chip.active{color:#fff;background:#16203f}.recent-chip{color:#253258;background:#fff;border:1px solid #dbe4f7}.error-text{color:#b80f3c;margin:.8rem 0 0;font-weight:600}.dashboard{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.card{color:var(--ink);grid-column:span 12}.now-card{justify-content:space-between;gap:1rem;display:flex}.now-left h2{margin:0}.condition{color:var(--ink-soft);align-items:center;gap:.4rem;font-weight:600;display:flex}.big-temp{margin:.2rem 0;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.feels-like,.now-right p{color:#313a58;margin:.16rem 0}.now-right{min-width:220px}.severe-card{border-color:#b0352f66}.severe-card h3{color:var(--warning)}.severe-card ul{margin:.6rem 0 0;padding-left:1rem}.severe-card li{margin-bottom:.5rem}.sun-card,.air-card{grid-column:span 6}.radar-card{grid-column:span 12}.map-help-text{color:#213259;margin:.2rem 0 .8rem}.map-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-bottom:.8rem;display:grid}.map-controls fieldset{border:1px solid #cfdaf0;border-radius:12px;gap:.45rem;margin:0;padding:.65rem .75rem;display:grid}.map-controls legend{color:#17264d;padding:0 .3rem;font-weight:700}.map-controls label{color:#22345d;align-items:center;gap:.5rem;display:flex}.map-controls input[type=radio]{accent-color:#0e7c86}.map-legend{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;margin:0 0 .8rem;padding:0;list-style:none;display:grid}.map-legend li{color:#1f3158;background:#f7f9ff;border:1px solid #dbe4f7;border-radius:10px;align-items:center;gap:.45rem;padding:.45rem .55rem;display:flex}.swatch{border:1px solid #00000040;border-radius:2px;flex-shrink:0;width:1rem;height:1rem}.legend-label{font-weight:700}.map-palette-high-contrast .map-legend li,.map-palette-high-contrast .map-controls fieldset{border-width:2px}.map-palette-grayscale .map-legend li{background:#fbfbfb}.contrast-panel{background:#f6f8ff;border:1px solid #cdd8ee;border-radius:12px;margin:0 0 .8rem;padding:.7rem .8rem}.contrast-panel h4{color:#17264d;margin:0}.contrast-panel p{color:#2a3f6d;margin:.35rem 0 .55rem}.contrast-target-row{color:#1d3159;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.55rem;display:flex}.contrast-target-row label{align-items:center;gap:.4rem;display:inline-flex}.contrast-target-row input[type=radio]{accent-color:#0e7c86}.contrast-panel ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.contrast-summary{color:#122852;margin:0 0 .55rem;font-weight:700}.contrast-panel li{color:#1c2e55;align-items:center;gap:.55rem;display:flex}.contrast-badge{text-align:center;border:1px solid #0000;border-radius:999px;min-width:52px;padding:.2rem .5rem;font-weight:700}.contrast-badge.pass{color:#135b2a;background:#dff5e2;border-color:#1a7f37}.contrast-badge.fail{color:#8f1d14;background:#fde7e9;border-color:#b42318}.sun-track{height:58px;margin:.8rem 0;position:relative}.sun-orbit{border-top:3px solid #ffd06d;border-radius:64% 64% 0 0;height:54px;position:absolute;bottom:0;left:0;right:0}.sun-dot{font-size:1.35rem;position:absolute;bottom:35px;transform:translate(-50%)}.uv-chart{background:#f6fcff;border:1px solid #d8e5ef;border-radius:10px;width:100%;height:76px}.radar-frame{border:1px solid #d4e1ef;border-radius:12px;width:100%;min-height:320px}.hour-grid,.day-grid,.air-grid,.suggestion-grid{gap:.65rem;display:grid}.hour-grid{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.hour-item,.day-item{background:#f7f9ff;border:1px solid #e0e8f8;border-radius:12px;padding:.62rem}.hour-item p,.day-item p,.air-grid p,.aqi-score{margin:.2rem 0}.day-grid,.air-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.suggestion-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.suggestion{text-align:left;background:#f4f7ff;border:1px solid #d7e0f5}.empty-state{color:#2c3454;padding:1.15rem}@media (max-width:960px){.now-card{flex-direction:column}.sun-card,.air-card{grid-column:span 12}.radar-frame{min-height:240px}.map-legend{grid-template-columns:1fr}}