:root{--primary: #6c63ff;--primary-dark: #554cff;--accent: #ffcc33;--neutral: #f2f2f2;--bg: #0f1326;--card: rgba(30, 32, 64, .55);--hover: rgba(42, 44, 82, .75);--text: #e7e9ff;--border: rgba(255, 255, 255, .15);--blur: blur(14px)}body.light{--bg: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);--card: linear-gradient(135deg, #f5f7fa 0%, #d8dbdd 100%);--hover: #f1efff;--text: #27223d;--border: rgba(0, 0, 0, .14)}*{font-family:Poppins,sans-serif}body{background:var(--bg)!important;color:var(--text)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:background .3s ease}.todo-form{background:var(--card);padding:16px;border-radius:14px;animation:fadeIn .4s ease;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 10px 16px #00000026;display:flex;justify-content:space-between;align-items:center}.todo-input{background:#ffffff0d;border:1px solid var(--border);color:var(--text);height:45px;width:100%;margin-right:1rem;transition:.25s;border-radius:8px;padding-left:10px}.todo-input:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 10px #6c63ff73}.todo-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:8px 22px;border-radius:8px;font-weight:600;transition:.25s;border:none;box-shadow:0 6px 14px #6c63ff59;margin-right:10px;height:45px;font-size:14px}.todo-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 8px 16px #6c63ff73}.delete-btn:hover{background-color:red}.todo-list{margin-top:16px;padding:0}.todo-item{background:var(--card);color:var(--text);margin-top:10px;border:none;border-left:4px solid transparent;transition:.25s ease;border-radius:10px;box-shadow:0 4px 10px #0003}.todo-item:hover{background:var(--hover);border-left:4px solid var(--accent);transform:translateY(-.2px) scale(1.01);box-shadow:0 6px 14px #ffcc334d}.todo-item.completed{border-left:4px solid var(--accent);opacity:.85;filter:brightness(1.1)}.empty-text{text-align:center;margin-top:30px;font-size:.98rem;opacity:.7;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{background:transparent;border:none;cursor:pointer;font-size:22px;color:var(--text);transition:transform .2s,opacity .2s}.theme-toggle:hover{transform:scale(1.18) rotate(8deg);opacity:.9}.card{background:var(--card)!important;color:var(--text)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.list-group-item{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.list-group-item:hover{background:var(--hover)!important}.form-control{background:#ffffff0a!important;border-color:var(--border)!important;color:var(--text)!important}.app-container{display:flex;justify-content:center;align-items:center;padding-top:40px}.app-container h2{font-size:2rem}.app-card{background:var(--card);width:600px;padding:22px;border-radius:16px;box-shadow:0 10px 30px #00000059;animation:fadeIn .4s ease;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.app-header{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.actions{display:flex;gap:8px}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:12px}@media (max-width: 600px){.app-card{width:90%;padding:16px}.app-container{padding-top:20px}.app-container h2{font-size:1.6rem;text-align:center}.todo-form{flex-direction:column;gap:10px;align-items:stretch}.todo-input{width:100%;margin-right:0;font-size:14px}.todo-btn{width:100%;margin-right:0;font-size:14px;height:42px}.todo-item{flex-direction:column;align-items:flex-start;gap:6px}.actions{width:100%;justify-content:space-between}}@media (max-width: 400px){.app-card{width:95%}.app-container h2{font-size:1.4rem}.todo-btn{font-size:13px;height:40px}}