:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#122330;background:radial-gradient(circle at top,#e8f6ff,#f7fbff 45%,#fff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{width:min(100%,680px);background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 10px 35px #0721351f}.header{margin-bottom:1rem}.header h1{margin:0}.header p{margin:.25rem 0 0;color:#426074}.todo-input{display:flex;gap:.5rem;margin-bottom:1rem}.todo-input input{flex:1;border:1px solid #d3e3f0;border-radius:12px;padding:.65rem .75rem;font-size:1rem}.todo-input select{border:1px solid #d3e3f0;border-radius:12px;padding:.65rem .75rem;background:#fff;color:#122330}.todo-input button,.todo-item button{border:0;border-radius:12px;cursor:pointer}.todo-input button{padding:.65rem 1rem;background:#1976d2;color:#fff;font-weight:600}.todo-input button:disabled{opacity:.6;cursor:not-allowed}.todo-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.todo-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f7fbff;border:1px solid #e2edf6;border-radius:12px;padding:.65rem .75rem}.todo-item label{display:flex;align-items:center;gap:.5rem;flex:1;flex-wrap:wrap}.todo-item.completed span{text-decoration:line-through;color:#6c8798}.todo-item button{background:#fddddd;color:#8a1e1e;padding:.4rem .65rem}.todo-category{font-size:.8rem;color:#0d4f73;background:#dff0fb;border-radius:999px;padding:.15rem .5rem;border:1px solid #b9def2}.empty{color:#5e7788;margin:.5rem 0 0}.error{color:#b00020;margin:.5rem 0}