*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;display:flex;justify-content:center;padding:40px 16px}.app{width:100%;max-width:520px;margin:0 auto}h1{text-align:center;font-size:2.5rem;color:#fff;margin-bottom:24px}.input-row{display:flex;gap:8px;margin-bottom:16px}.input-row input{flex:1;padding:14px 16px;border:none;border-radius:12px;font-size:1rem;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;transition:background .2s}.input-row input::placeholder{color:#fff6}.input-row input:focus{background:#ffffff26}.input-row button,.filters button,.footer button{padding:12px 20px;border:none;border-radius:12px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:600}.input-row button{background:#7c3aed;color:#fff}.input-row button:hover{background:#6d28d9}.filters{display:flex;gap:8px;margin-bottom:16px}.filters button{flex:1;background:#ffffff14;color:#fff9}.filters button.active{background:#7c3aed;color:#fff}.filters button:hover{background:#7c3aed80;color:#fff}.todo-list{list-style:none;display:flex;flex-direction:column;gap:8px}.todo-list li{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff14;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.todo-list li:hover{background:#ffffff1f}.todo-list li label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;color:#fff;font-size:1rem}.todo-list li input[type=checkbox]{width:20px;height:20px;accent-color:#7c3aed;cursor:pointer}.todo-list li.done span{text-decoration:line-through;opacity:.4}.delete{background:none!important;color:#ffffff4d!important;font-size:1.4rem!important;padding:4px 8px!important;border-radius:8px!important;opacity:0;transition:all .2s}.todo-list li:hover .delete{opacity:1}.delete:hover{color:#ef4444!important;background:#ef44441a!important}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 4px;color:#fff6;font-size:.85rem}.footer button{background:#ffffff14;color:#ffffff80;padding:8px 14px;font-size:.8rem}.footer button:hover{background:#ffffff26;color:#fff}