*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#222;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem}.container{width:100%;max-width:520px}h1{font-size:3rem;font-weight:100;text-align:center;color:#af2f2f73;letter-spacing:.1em;margin-bottom:1.5rem}.add-form{display:flex;gap:0;box-shadow:0 2px 8px #0000001f;border-radius:4px;overflow:hidden;margin-bottom:1rem}.add-input{flex:1;padding:.85rem 1rem;font-size:1rem;border:none;outline:none;background:#fff}.add-btn{padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;border:none;background:#af2f2f;color:#fff;cursor:pointer;transition:background .15s}.add-btn:hover:not(:disabled){background:#922626}.add-btn:disabled{background:#ccc;cursor:not-allowed}.error{background:#fff3f3;border:1px solid #f5c6c6;color:#922626;padding:.6rem 1rem;border-radius:4px;font-size:.875rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dismiss{background:none;border:none;cursor:pointer;color:inherit;font-size:.875rem;padding:0 .25rem}.status{text-align:center;color:#999;padding:2rem 0;font-size:.95rem}.todo-list{list-style:none;background:#fff;box-shadow:0 2px 8px #0000001f;border-radius:4px;overflow:hidden}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid #f0f0f0;transition:background .1s}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:#fafafa}.todo-check{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:#af2f2f;flex-shrink:0}.todo-title{flex:1;font-size:1rem;word-break:break-word}.todo-item.done .todo-title{text-decoration:line-through;color:#aaa}.delete-btn{background:none;border:none;color:#ccc;font-size:.95rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:2px;transition:color .15s;flex-shrink:0}.delete-btn:hover{color:#af2f2f}.footer{text-align:right;font-size:.8rem;color:#aaa;padding:.5rem .25rem 0}