:root{--bg:linear-gradient(135deg, #0f172a, #1e293b);--card-bg:#ffffff1a;--app-bg:#1e293b;--text:white;--input-bg:#ffffff1a;--error-bg:#f003;--error-text:#ff6b6b}.light{--bg:linear-gradient(135deg, #e2e8f0, #f8fafc);--app-bg:#fff;--card-bg:#0000000d;--text:#0f172a;--input-bg:#0000000d;--error-bg:#ff00001a;--error-text:#b91c1c}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Segoe UI,sans-serif;display:flex}.app{background:var(--app-bg);text-align:center;border-radius:12px;width:100%;max-width:420px;margin:auto;padding:20px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border-radius:16px;margin-top:20px;padding:20px;transition:all .3s;box-shadow:0 15px 40px #00000026}.card img{width:80px;margin-bottom:-10px}.card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0003}h1{letter-spacing:.5px;margin-bottom:18px;font-size:28px}.title{color:var(--text)}.search{gap:10px;margin-bottom:15px;display:flex}input{background:var(--input-bg);color:var(--text);border:none;border-radius:8px;outline:none;flex:1;padding:10px}button{color:var(--text);cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:8px;padding:8px 12px;transition:all .2s}button:hover{transform:scale(1.05)}.loader{border:4px solid #fff3;border-top-color:#38bdf8;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}.error{background:var(--error-bg);color:var(--error-text);border-radius:10px;padding:10px}.history-item{cursor:pointer;color:var(--text);border-radius:6px;padding:6px;transition:background .2s}.history-list{max-height:0;transition:all .3s;overflow-y:auto}.history-list.show{max-height:200px}.history-item.active{background:#3abdf84d;border-radius:6px;font-weight:700}.history-item:hover{background:var(--bg)}.history-title{color:var(--text)}.placeholder{color:var(--text);opacity:.7;margin-top:30px;font-size:18px}.details{justify-content:space-between;margin-top:15px;font-size:20px;display:flex}.details div{text-align:center}.details div span{margin-bottom:5px;font-size:20px;display:block}.temp{margin:10px 0;font-size:42px}.desc{margin-bottom:15px;font-size:18px;font-weight:700}.city{margin-top:0;font-size:28px}.toggle-theme{margin-bottom:20px}.favorites-item{cursor:pointer;color:var(--text);border-radius:6px;padding:6px;transition:background .2s}.favorites-list{max-height:0;transition:max-height .3s;overflow:hidden}.favorites-list.show{max-height:200px}.favorites-item.active{background:#f871714d;border-radius:6px;font-weight:700}.favorites-item:hover{background:var(--bg)}.favorites-title{color:var(--text)}.history-title,.favorites-title{cursor:pointer;margin-top:15px;font-weight:700}.history-title:hover,.favorites-title:hover{opacity:.8}body,.app,.card,input{transition:all .3s}@keyframes spin{to{transform:rotate(360deg)}}