*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--bg-alt: #F5F5F5;--fg: #111111;--fg-muted: #888888;--border: #000000;--card-bg: #FFFFFF;--font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif}[data-theme=dark]{--bg: #111111;--bg-alt: #1a1a1a;--fg: #FFFFFF;--fg-muted: #888888;--border: #FFFFFF;--card-bg: #111111}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.5;transition:background .15s,color .15s;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);margin-bottom:4px}.big-number{font-size:6rem;font-weight:800;line-height:1;letter-spacing:-.03em}.temp-unit{font-size:2rem;font-weight:400}header{border-bottom:1px solid var(--border);padding:16px 0}header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:48px}.logo{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;min-width:92px}.header-controls{display:flex;align-items:center;gap:8px}.btn{font-family:var(--font);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);background:transparent;color:var(--fg);padding:8px 16px;cursor:pointer;transition:background .15s,color .15s}.btn:hover,.btn:focus-visible{background:var(--fg);color:var(--bg)}.btn--filled{background:var(--fg);color:var(--bg)}.btn--filled:hover,.btn--filled:focus-visible{background:transparent;color:var(--fg)}#langBtn{min-width:54px}#geoBtn{min-width:124px}#unitBtn{min-width:64px}#themeBtn{min-width:96px}.search-wrapper{position:relative;flex:1;max-width:360px;min-width:200px}.search-input{font-family:var(--font);font-size:.8125rem;width:100%;padding:8px 12px;border:1px solid var(--border);background:transparent;color:var(--fg);outline:none;letter-spacing:.02em}.search-input::placeholder{color:var(--fg-muted)}.search-input:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}.autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-top:none;z-index:100;display:none}.autocomplete.active{display:block}.autocomplete-item{padding:8px 12px;font-size:.8125rem;cursor:pointer;border-bottom:1px solid var(--bg-alt)}.autocomplete-item:hover,.autocomplete-item.active{background:var(--bg-alt)}.autocomplete-item:last-child{border-bottom:none}.card{border:1px solid var(--border);padding:24px;background:var(--card-bg)}.main-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0;margin-top:-1px;min-height:760px;align-content:start;content-visibility:auto;contain-intrinsic-size:760px;position:relative}.main-grid:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;border-top:1px solid var(--border);pointer-events:none}.main-grid>*{margin-top:-1px;margin-left:-1px}.main-grid{padding-left:1px}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.current-weather{display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.current-weather .temp-row{display:flex;align-items:flex-start;gap:16px}.current-weather .weather-icon svg{width:72px;height:72px}.current-weather .description{font-size:1.125rem;font-weight:500;margin-top:8px}.current-weather .city-name{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.current-weather .date-time{font-size:.75rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.stat-item{padding:16px 0;border-bottom:1px solid var(--bg-alt)}.stat-item:not(:nth-child(3n+1)){padding-left:12px;border-left:1px solid var(--bg-alt)}.stat-item:not(:nth-child(3n)){padding-right:12px}.stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.sun-times{display:flex;justify-content:space-between;margin-bottom:16px}.sun-wrap{margin-top:20px}.sun-time-end{text-align:right}.sun-time-value{font-size:1.25rem;font-weight:700}.sun-progress-track{width:100%;height:3px;background:var(--bg-alt);position:relative;margin-top:12px}.sun-progress-bar{height:100%;background:var(--fg);width:0%;transition:width 1s ease}.sun-progress-dot{width:10px;height:10px;background:var(--fg);border-radius:50%;position:absolute;top:-3.5px;left:0%;transition:left 1s ease}.hourly-scroll{display:flex;overflow-x:auto;gap:0;-ms-overflow-style:none;scrollbar-width:thin}.hourly-scroll::-webkit-scrollbar{height:2px}.hourly-scroll::-webkit-scrollbar-thumb{background:var(--fg-muted)}.hourly-item{min-width:80px;padding:16px 12px;text-align:center;border-right:1px solid var(--bg-alt);flex-shrink:0}.hourly-item:last-child{border-right:none}.hourly-time{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin-bottom:8px}.hourly-temp{font-size:1.125rem;font-weight:700}.hourly-icon svg{width:28px;height:28px;margin:6px 0}.hourly-precip{font-size:.625rem;color:var(--fg-muted);margin-top:4px}.forecast-table{width:100%;border-collapse:collapse}.forecast-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);text-align:left;padding:8px 0;border-bottom:1px solid var(--border)}.forecast-table td{padding:10px 0;font-size:.875rem;border-bottom:1px solid var(--bg-alt);vertical-align:middle}.forecast-table .day-name{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem}.forecast-table .temp-max{font-weight:700}.forecast-table .temp-min{color:var(--fg-muted)}.forecast-table svg{width:24px;height:24px;vertical-align:middle}.chart-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-container svg{display:block;width:100%;min-width:500px;height:200px}.chart-line{fill:none;stroke:var(--fg);stroke-width:2}.chart-dot{fill:var(--fg)}.chart-grid-line{stroke:var(--bg-alt);stroke-width:1}.chart-label{font-family:var(--font);font-size:10px;fill:var(--fg-muted);text-anchor:middle}.chart-value-label{font-family:var(--font);font-size:9px;fill:var(--fg);text-anchor:middle;font-weight:600}.aqi-value{font-size:3rem;font-weight:800;letter-spacing:-.02em}.aqi-desc{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.aqi-bar-track{width:100%;height:4px;background:var(--bg-alt);margin-top:16px}.aqi-bar-fill{height:100%;background:var(--fg);transition:width .8s ease}.aqi-note{margin-top:12px}footer{border-top:1px solid var(--border);padding:24px 0;margin-top:-1px}footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}footer a{color:var(--fg);text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}footer a:hover{text-decoration:underline}footer .footer-text{font-size:.6875rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em}.loading-text{font-size:.75rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;padding:40px 0;text-align:center}.skeleton-card{border:1px solid var(--border);background:var(--card-bg);padding:24px}.skeleton-line{width:100%;height:12px;border-radius:2px;background:linear-gradient(90deg,var(--bg-alt),var(--card-bg),var(--bg-alt));background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite}.skeleton-line--lg{height:24px;width:55%}.skeleton-line--md{width:70%}.skeleton-row{display:grid;gap:10px}.skeleton-spacer-24{height:24px}.skeleton-h-280{min-height:280px}.skeleton-h-210{min-height:210px}.skeleton-h-170{min-height:170px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-box{display:grid;gap:12px;justify-items:center}.error-box .error-message{font-size:.875rem;text-transform:none;letter-spacing:normal}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:768px){.main-grid>*{grid-column:span 12}.main-grid{min-height:980px}.main-grid{contain-intrinsic-size:980px}.big-number{font-size:4rem}.header-controls{flex-wrap:wrap}.search-wrapper{max-width:100%;min-width:0;order:10;flex-basis:100%}.stats-grid{grid-template-columns:1fr 1fr}.current-weather{min-height:auto}.chart-container{margin:0 -4px;padding:0 4px 6px}.chart-container svg{min-width:760px;height:240px}.chart-label{font-size:12px}.chart-value-label{font-size:11px}footer .container{justify-content:center;text-align:center}}@media(max-width:480px){.main-grid{min-height:860px}.main-grid{contain-intrinsic-size:860px}.big-number{font-size:3.5rem}.card{padding:16px}}