*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}.card{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:480px;box-shadow:0 4px 24px #00000014}.title{font-size:2rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}.subtitle{font-size:.9rem;color:#888;margin-bottom:24px}.form{display:flex;gap:8px;margin-bottom:24px}.input{flex:1;border:2px solid #e8e8e8;border-radius:10px;padding:10px 14px;font-size:.95rem;outline:none;transition:border-color .2s}.input:focus{border-color:#6c63ff}.btn-add{background:#6c63ff;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-add:hover{background:#574fd6}.list{list-style:none;display:flex;flex-direction:column;gap:8px}.empty{text-align:center;color:#aaa;padding:24px 0;font-size:.9rem}.item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#f8f8ff;transition:background .2s}.item.done .text{text-decoration:line-through;color:#aaa}.checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #d0d0e0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,border-color .2s;color:#fff}.item.done .checkbox{background:#6c63ff;border-color:#6c63ff}.checkbox svg{width:12px;height:10px}.text{flex:1;font-size:.95rem;color:#333}.btn-delete{background:none;border:none;color:#ccc;font-size:1.3rem;cursor:pointer;line-height:1;padding:0 4px;transition:color .2s}.btn-delete:hover{color:#e74c3c}