#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 8px #0003;z-index:1000;box-sizing:border-box;animation:fadeIn .3s ease;overflow:hidden}.modal-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;box-sizing:border-box}.modal-button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;transition:background-color .3s ease,transform .2s ease;min-width:100px;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}h1{text-align:center;color:#333;margin:20px 0}button{cursor:pointer;padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;transition:background-color .3s ease,transform .2s ease}.modal,.edit-modal,.new-task-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000;max-width:90%;width:400px;box-sizing:border-box;animation:fadeIn .3s ease}.modal{z-index:1000}.edit-modal{z-index:1100}.new-task-modal{z-index:1200}input[type=text],textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;box-sizing:border-box}button{margin:2rem}button.close,button.edit{background-color:#dc3545}button.close:hover,button.edit:hover{background-color:#c82333}button.edit{background-color:#28a745}button.edit:hover{background-color:#218838}.add-task-button,.search-container{margin-bottom:20px}.search-input{padding:10px;width:100%}.lane-container{display:flex;gap:20px;flex-wrap:wrap}.lane{background-color:#f0f0f0;padding:10px;width:250px;min-height:400px;border-radius:8px;box-sizing:border-box}.block{background-color:#fff;padding:10px;margin-bottom:10px;border-radius:4px;box-shadow:0 1px 3px #0003}@media (max-width: 900px){.lane-container{flex-direction:column}.lane{width:100%;margin-bottom:20px}}@media (max-width: 480px){h1{font-size:1.25rem}button{font-size:12px;padding:6px 12px}.modal,.edit-modal,.new-task-modal{width:95%}}body{font-family:Roboto,sans-serif;background-color:#f4f4f4;margin:0;padding:0}h1{text-align:center;color:#333;margin-top:20px;font-size:2rem}h2,h3{margin-bottom:10px;color:#333}p{margin:0;color:#555}button{cursor:pointer;padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 4px #0003}button:hover{background-color:#0056b3}button:active{transform:scale(.98)}.modal,.edit-modal,.new-task-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 6px 12px #0000004d;z-index:1000;max-width:90%;width:400px;box-sizing:border-box;animation:fadeIn .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}input[type=text],textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;box-sizing:border-box;font-size:16px;transition:border-color .3s ease}input[type=text]:focus,textarea:focus{border-color:#007bff;outline:none}textarea{resize:vertical}.modal-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.modal-button{padding:12px 24px;border:none;border-radius:4px;font-size:16px;transition:background-color .3s ease,transform .2s ease;min-width:120px;text-align:center}.modal-submit{background-color:#007bff;color:#fff}.modal-submit:hover{background-color:#0056b3}.modal-submit:active{transform:scale(.98)}.modal-cancel{background-color:#dc3545;color:#fff}.modal-cancel:hover{background-color:#c82333}.modal-cancel:active{transform:scale(.98)}@media (max-width: 768px){.modal{width:90%;padding:15px}.modal-input{padding:8px}.modal-buttons{flex-direction:column;align-items:center}.modal-button{width:auto;font-size:14px;padding:12px}.modal-submit{margin-bottom:10px}}@media (max-width: 480px){.modal{width:95%}.modal-input{padding:6px}.modal-buttons{flex-direction:column;align-items:center}.modal-button{width:auto;font-size:14px;padding:12px}.modal-submit{margin-bottom:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}