.container{width:100%;min-height:100vh;background:#f4f6f8;display:flex;flex-direction:column;align-items:center;padding-top:40px;font-family:Arial,sans-serif}.container h1{margin-bottom:20px}.todo{width:320px;background:#b8abab;padding:12px 16px;margin:10px 0;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:10px}.circle{width:20px;height:20px;border:2px solid #555;border-radius:50%;cursor:pointer}.circle.done{background:#151815;border-color:#367c30}.completed{text-decoration:line-through;color:#181616;flex:1}.todo span{flex:1;word-break:break-word;font-size:16px}.delete-btn{background:#493a3a;border:none;color:#fff;min-width:40px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}