:root{--bg: #f5f7fb;--bg-gradient-top: rgba(59, 130, 246, .08);--bg-gradient-bottom: #eef2f7;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--text: #101828;--muted: #667085;--border: rgba(16, 24, 40, .08);--shadow: 0 10px 30px rgba(16, 24, 40, .08);--primary: #2563eb;--primary-soft: rgba(37, 99, 235, .12);--meter-bg: rgba(16, 24, 40, .08);--radius: 24px;--radius-sm: 18px;--container: 1120px}:root[data-theme=dark]{--bg: #0b1220;--bg-gradient-top: rgba(37, 99, 235, .18);--bg-gradient-bottom: #0f172a;--surface: rgba(15, 23, 42, .72);--surface-strong: #111827;--text: #e5eefc;--muted: #94a3b8;--border: rgba(148, 163, 184, .16);--shadow: 0 16px 40px rgba(0, 0, 0, .28);--primary: #60a5fa;--primary-soft: rgba(96, 165, 250, .16);--meter-bg: rgba(148, 163, 184, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,var(--bg-gradient-top),transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg-gradient-bottom) 100%);color:var(--text);transition:background .25s ease,color .25s ease}body,.site-header,.card,.hero-card,.button,.search-form input,.theme-toggle{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}a{color:inherit;text-decoration:none}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.session-indicator{margin:0;padding:.55rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.92rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-chip{min-height:42px}.hero{padding:4rem 0 2rem}.hero-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:2rem;align-items:center}.hero-sidebar{display:grid;gap:1rem}.eyebrow,.section-eyebrow,.preview-label{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--primary);font-weight:700}.hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em;margin:.5rem 0 1rem;max-width:10ch}.hero-description,.section-heading p,.card p,.preview-city{color:var(--muted);line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.1rem;border-radius:999px;font-weight:700;transition:.2s ease}.button.primary{background:var(--primary);color:#fff;border:1px solid transparent}.button.primary:hover{filter:brightness(1.05)}.button.secondary{background:var(--surface);border:1px solid var(--border)}.button:hover{transform:translateY(-1px)}:root[data-theme=dark] .button.primary{background:#60a5fa;color:#08111f;border-color:#ffffff14}:root[data-theme=dark] .button.primary:hover{background:#93c5fd}.search-form .button{min-height:50px}.hero-card,.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(12px)}.hero-card{min-height:320px;display:grid;place-items:center;padding:2rem}.weather-preview{width:100%;display:flex;align-items:center;gap:1.2rem;justify-content:center;text-align:left}.weather-icon{font-size:4rem}.weather-preview h2{margin:.3rem 0;font-size:3rem;letter-spacing:-.05em}.section{padding:3rem 0}.section-heading{margin-bottom:1.5rem;max-width:720px}.section-heading h2{margin:.3rem 0 .75rem;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em}.alt-section{background:color-mix(in srgb,var(--surface-strong) 30%,transparent)}.grid{display:grid;gap:1rem}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}.card{padding:1.5rem}.card h3{margin-top:0;margin-bottom:.7rem}.big-number{font-size:2.4rem;font-weight:800;letter-spacing:-.05em;margin:0 0 .5rem}.forecast-placeholder{min-height:120px;display:flex;align-items:center}@media(max-width:900px){.hero-content,.cards-3,.cards-2{grid-template-columns:1fr}.hero h1{max-width:100%}.header-inner{flex-direction:column;justify-content:center;padding:1rem 0}.nav,.header-actions{justify-content:center}}.search-form{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.search-form input{flex:1 1 260px;min-height:50px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 88%,transparent);padding:0 1rem;font:inherit;color:var(--text);outline:none;box-shadow:var(--shadow)}.search-form input:focus{border-color:#2563eb59}.form-status{min-height:24px;margin-top:.85rem;color:var(--muted)}.auth-panel{margin-top:1.5rem;padding:1.5rem}.auth-panel-heading,.favorites-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.auth-panel h2,.favorites-card h2{margin:.2rem 0 0;font-size:1.35rem}.auth-tabs{display:inline-flex;padding:.3rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 90%,transparent)}.auth-tab{min-height:38px;padding:0 .95rem;border:0;background:transparent;color:var(--muted);border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.auth-tab.is-active{background:var(--primary);color:#fff}.auth-form{display:grid;gap:.75rem;margin-top:1rem}.auth-input{min-height:50px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);padding:0 1rem;font:inherit;color:var(--text);outline:none}.auth-input:focus{border-color:#2563eb59}.favorites-card{padding:1.5rem}.favorites-count{min-width:42px;min-height:42px;display:inline-grid;place-items:center;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:800}.favorites-empty{margin:1rem 0 0;color:var(--muted)}.favorites-list{display:grid;gap:.75rem;margin-top:1rem}.favorite-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 86%,transparent)}.favorite-city,.favorite-remove{border:0;background:transparent;color:var(--text);font:inherit}.favorite-city{text-align:left;font-weight:700;cursor:pointer}.favorite-remove{color:var(--primary);font-weight:700;cursor:pointer}.hidden{display:none!important}.search-form.is-loading button{opacity:.7;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.big-label{font-size:1.4rem;line-height:1.2}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.forecast-item{text-align:center}.forecast-day{margin:0 0 .5rem;color:var(--muted);text-transform:capitalize}.forecast-emoji{font-size:2rem;margin:.2rem 0 .6rem}.forecast-condition{margin:0 0 .5rem;font-weight:600}.forecast-range{margin:0;color:var(--muted)}@media(max-width:900px){.forecast-grid{grid-template-columns:1fr}}.metric-card,.detail-meter,.summary-card{min-height:100%}.detail-meter-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.detail-meter-value{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.04em}.meter{width:100%;height:12px;border-radius:999px;background:var(--meter-bg);overflow:hidden;margin-bottom:1rem}.meter-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#2563eb);transition:width .35s ease}.extra-details-grid{margin-top:1rem}.summary-inline{display:flex;align-items:flex-start;gap:1rem}.summary-icon{font-size:2.4rem;line-height:1}.summary-text{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.5}.summary-subtext{margin:0;color:var(--muted);line-height:1.6}.theme-toggle{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:0 .95rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,background .25s ease,color .25s ease}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle span{display:inline-flex;align-items:center}@media(max-width:900px){.theme-toggle{margin-top:.5rem}}.forecast-item{text-align:center;display:flex;flex-direction:column;gap:.45rem}.forecast-meta{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-size:.95rem}.hero-mini-details{margin:.4rem 0 0;color:var(--muted)}.status-success{color:#15803d}.status-error{color:#dc2626}:root[data-theme=dark] .status-success{color:#4ade80}:root[data-theme=dark] .status-error{color:#f87171}@media(max-width:700px){.hero{padding:2.5rem 0 1.5rem}.hero-card{min-height:220px}.weather-preview{flex-direction:column;text-align:center}.weather-preview h2{font-size:2.4rem}.summary-inline{flex-direction:column}.detail-meter-top{flex-direction:column;align-items:flex-start}.search-form{flex-direction:column}.search-form input,.search-form .button{width:100%}.auth-panel-heading,.favorites-heading,.favorite-item{flex-direction:column;align-items:stretch}.auth-tabs{width:100%}.auth-tab{flex:1}}.card,.hero-card{animation:fadeUp .45s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}