: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;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:start center;padding:3rem 1rem}.container{width:100%;max-width:32rem}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem;text-align:center}.add-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;padding:.6rem .85rem;color:#fafafa;font-size:.95rem;outline:none;transition:border-color .15s}.input:focus{border-color:#ffffff4d}.input::placeholder{color:#ffffff59}.btn{cursor:pointer;font-size:.85rem;border:none;border-radius:.5rem;padding:.55rem 1rem;transition:background .15s,opacity .15s}.btn-primary{background:#3b82f6;color:#fff;font-weight:600}.btn-primary:hover{background:#2563eb}.btn-filter{background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.4rem}.btn-filter:hover{background:#ffffff1a}.btn-filter.active{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.count{font-size:.7rem;background:#ffffff14;padding:.1rem .4rem;border-radius:999px;min-width:1.2rem;text-align:center}.btn-delete{background:transparent;color:#ffffff40;font-size:1.25rem;line-height:1;padding:.2rem .5rem;border-radius:.35rem}.btn-delete:hover{background:#ef444426;color:#f87171}.filters{display:flex;gap:.5rem;margin-bottom:1.25rem}.list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.item{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;padding:.6rem .75rem;transition:background .15s}.item:hover{background:#ffffff0f}.item.done .item-title{text-decoration:line-through;color:#ffffff4d}.item-label{display:flex;align-items:center;gap:.65rem;cursor:pointer;flex:1;min-width:0}.item-label input[type=checkbox]{accent-color:#3b82f6;width:1rem;height:1rem;cursor:pointer;flex-shrink:0}.item-title{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;color:#ffffff4d;padding:2rem 0;font-size:.9rem}