:root{--bg: #f5f6fa;--surface: #ffffff;--surface-2: #eef0f6;--text: #1b2330;--muted: #66718a;--border: #dde1ea;--primary: #3355ff;--primary-hover: #2442e0;--danger: #d63838;--danger-soft: #fdecec;--radius: 12px;--shadow: 0 1px 3px rgba(20, 30, 50, .08), 0 8px 24px rgba(20, 30, 50, .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f131b;--surface: #171d28;--surface-2: #202836;--text: #e7ecf5;--muted: #94a1b8;--border: #29323f;--primary: #6b8bff;--primary-hover: #88a2ff;--danger: #ff6b6b;--danger-soft: #3a2020;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.container{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}.center{display:grid;place-items:center;padding:3rem 1rem}.center.full{min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.navbar__brand{font-weight:700;color:var(--text)}.navbar__brand:hover{text-decoration:none}.navbar__actions{display:flex;align-items:center;gap:.75rem}.navbar__user{color:var(--muted);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:8px;background:var(--primary);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--primary-hover);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--block{width:100%}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--icon{padding:.4rem .6rem;background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn--danger{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.auth-card{max-width:400px;margin:3rem auto}.form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--muted)}.field input,.input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:1rem;font-family:inherit;width:100%}.field input:focus,.input:focus{outline:2px solid var(--primary);outline-offset:1px}.alert{margin:0 0 .5rem;padding:.6rem .8rem;border-radius:8px;font-size:.9rem}.alert--error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.add-city{margin:1.25rem 0}.add-city__row{display:flex;gap:.6rem}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.weather-card{gap:.5rem;min-height:140px}.weather-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.weather-card__header h3{margin:0;font-size:1.05rem}.weather-card__actions{display:flex;gap:.35rem;flex-shrink:0}.weather-card__body{display:flex;flex-direction:column;gap:.2rem;justify-content:center;flex:1}.weather-card__temp{font-size:1.9rem;font-weight:700;margin:0}.weather-card__desc{text-transform:capitalize;margin:0}.spinner{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.spinner__dot{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner__dot{animation:none}}