body{align-items:flex-start;background:linear-gradient(135deg,#6a2847,#311616);color:#f0e9e9;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:20px 0 0}*,body{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}ul li{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#f0e9e9;cursor:pointer;font-size:18px;margin-bottom:10px;padding:15px 20px 15px 45px;position:relative;transition:transform .2s ease,background .3s ease,box-shadow .3s ease}ul li:nth-child(odd){background:#ffffff14}ul li:hover{background:#fff3;box-shadow:0 4px 10px #0003;transform:translateY(-5px)}ul li.checked{background:#3e3e3e;color:#8f8f8f;text-decoration:line-through}ul li.checked:before{border-color:#4caf50;border-style:solid;border-width:0 3px 3px 0;content:"";height:10px;left:15px;position:absolute;top:20px;transform:rotate(45deg);width:5px}.close{background-color:initial;border:none;color:#f44336;cursor:pointer;font-size:18px;padding:5px 10px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:color .2s ease,transform .2s ease}.close:hover{color:#ff6b6b;transform:scale(1.2)}.header{background:#00000080;border-radius:10px 10px 0 0;box-shadow:0 5px 15px #0000004d;color:#f0e9e9;font-size:24px;font-weight:700;padding:20px 30px;text-align:center;width:100%}input{background:#fff3;border:none;border-radius:20px 0 0 20px;color:#f0e9e9;font-size:16px;margin:0;outline:none;padding:15px;width:70%}input::placeholder{color:#ccc}.addBtn{background:#6a2847;border:none;border-radius:0 20px 20px 0;color:#f0e9e9;cursor:pointer;font-size:16px;padding:15px;text-align:center;transition:background .3s ease,transform .2s ease;width:30%}.addBtn:hover{background:#872357;transform:translateY(-3px)}.popup{animation:fade-in-out 3s ease-in-out;background:#008000e6;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;font-size:16px;left:50%;padding:15px 30px;position:fixed;top:20%;transform:translate(-50%,-50%);z-index:1000}@keyframes fade-in-out{0%,80%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.d00601fe.css.map*/