body,html{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;min-height:100vh;background:#f7f7f7;overflow:hidden}@keyframes move-zigzag{0%{background-position:0 0}to{background-position:100px 0}}.app-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;height:100vh;overflow:hidden;background:repeating-linear-gradient(-45deg,#ccc,#ccc 10px,#f7f7f7 10px,#f7f7f7 20px);animation:move-zigzag 5s linear infinite}.get-started{position:absolute;text-align:center;font-size:2rem;color:#333;top:40%;transform:translateY(-60%);animation:fade-in 1.5s ease-in-out;text-shadow:-1px -1px 0 #818181,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.get-started .arrow{font-size:3rem;margin-top:15px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.list-container{background:#fff;box-shadow:0 4px 8px #0000001a;border:1px solid #ddd;padding:16px;border-radius:8px;width:300px;position:absolute;display:flex;flex-direction:column;gap:8px;cursor:grab}.list-container:active{cursor:grabbing}.list-name{font-size:1.25rem;font-weight:700;margin-bottom:10px}.list-name:hover{text-decoration:underline}button{cursor:pointer}button:hover{opacity:.9}.todo-item:hover{background-color:#f0f0f0;border-radius:4px}