:root{--color-bg:#ffffff;--color-bg-secondary:#f8f9fa;--color-text:#1a1a2e;--color-text-secondary:#4a4a68;--color-primary:#0066cc;--color-primary-hover:#0052a3;--color-border:#e0e0e0;--color-card-bg:#ffffff;--color-card-shadow:rgba(0,0,0,0.08)}[data-theme=dark]{--color-bg:#1a1a2e;--color-bg-secondary:#16213e;--color-text:#e8e8e8;--color-text-secondary:#a0a0b0;--color-primary:#4da6ff;--color-primary-hover:#66b3ff;--color-border:#2a2a4a;--color-card-bg:#1f1f3a;--color-card-shadow:rgba(0,0,0,0.3)}*{box-sizing:border-box;margin:0;padding:0}body,html{transition:background-color .3s ease,color .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}main{min-height:100vh;padding:2rem}h1{font-size:2.5rem;margin-bottom:1.5rem}.theme-toggle,h1{color:var(--color-text)}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--color-primary);color:white;border-color:var(--color-primary)}.weather-widget{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--color-card-shadow);max-width:300px}.weather-widget h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-secondary)}.weather-info{display:flex;align-items:center;gap:1rem}.weather-temp{font-size:2rem;font-weight:700;color:var(--color-text)}.weather-desc{text-transform:capitalize}.loading,.weather-desc{color:var(--color-text-secondary)}.error{color:#e74c3c}