:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{max-width:28rem;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff05}.app-card{width:100%;max-width:28rem}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 1.25rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.task-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.task-input{flex:1;padding:.6rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fafafa;font-size:.95rem;outline:none;transition:border-color .15s}.task-input:focus{border-color:#ffffff4d}.task-input::placeholder{color:#ffffff4d}.btn-add{padding:.6rem 1.1rem;border-radius:.5rem;border:none;background:#646cff;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-add:hover{background:#535bf2}.task-list{list-style:none;margin:0;padding:0}.task-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.task-item:last-child{border-bottom:none}.task-label{display:flex;align-items:center;gap:.6rem;flex:1;cursor:pointer;min-width:0}.task-label input[type=checkbox]{accent-color:#646cff;width:1rem;height:1rem;cursor:pointer}.task-text{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item.done .task-text{text-decoration:line-through;color:#ffffff59}.btn-delete{flex-shrink:0;width:1.6rem;height:1.6rem;display:grid;place-items:center;border:none;border-radius:.35rem;background:transparent;color:#ffffff4d;font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s}.btn-delete:hover{background:#ff505026;color:#ff5050}.empty{margin:0;color:#fff6;font-size:.9rem;text-align:center;padding:1rem 0}.counter{margin:.75rem 0 0;font-size:.8rem;color:#fff6;text-align:right}