.todo-container{max-width:800px;margin:auto;padding:40px 20px;background:#f8f9fa;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;box-sizing:border-box}@media (max-width:768px){.todo-container{padding:30px 16px}}@media (max-width:480px){.todo-container{padding:20px 12px}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title{color:#4a4a4a;font-size:2.5rem}@media (max-width:480px){.header{flex-direction:column;align-items:flex-start;gap:12px}.title{font-size:2rem}}.input-container{display:flex;flex-direction:column;gap:12px}.input-bottom{display:flex;justify-content:space-between;align-items:center}.task-input{padding:18px;font-size:1.4rem;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.char-counter{font-size:.9rem;margin-top:4px}@media (max-width:480px){.char-counter{font-size:1rem}}.add-button{background-color:#625bff;color:white;border:none;padding:.75rem 1.25rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.add-button:hover{background-color:#5048e5}.add-button:active{background-color:#3d38c5}@media (max-width:600px){.input-bottom{flex-direction:column;align-items:stretch;gap:10px}.add-button{width:100%}}.task-list{list-style:none;padding:0;margin-top:20px;font-size:1.2rem}.task-item-container{background:white;padding:15px;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.task-item-container:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.task-content-container{display:flex;justify-content:space-between;align-items:center;gap:20px}.task-content{display:flex;align-items:center;gap:12px;flex:1 1;color:#333;font-size:1.1rem;min-width:0;overflow-wrap:anywhere}.task-content.completed{text-decoration:line-through;color:#888}.task-content input[type=checkbox]{width:1.5rem;height:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.125rem solid #ccc;border-radius:.25rem;position:relative;background-color:white;display:grid;place-items:center;flex-shrink:0}.task-content input[type=checkbox]:checked{background-color:#625bff;border-color:#625bff}.task-content input[type=checkbox]:checked:after{content:"✔";color:white;font-size:1rem}@media (max-width:480px){.task-content input[type=checkbox]{width:2rem;height:2rem}.task-content input[type=checkbox]:checked:after{font-size:1.25rem}}.button-group{display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.edit-button{background-color:#625bff;color:white;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.edit-button:hover{background-color:#5048e5}.edit-button:active{background-color:#3d38c5}.delete-button{background-color:#ff5b5b;color:white;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.delete-button:hover{background-color:#e04848}.delete-button:active{background-color:#c03636}@media (max-width:600px){.task-content-container{flex-direction:column;align-items:flex-start;gap:10px}.button-group{width:100%;justify-content:space-between}.delete-button,.edit-button{flex:1 1;text-align:center}}.edit-container{animation:fadeSlideIn .3s ease forwards}.edit-container.exit{animation:fadeSlideOut .3s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.todo-edit-input{padding:15px;font-size:1.2rem;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box;margin-bottom:10px}.cancel-button,.save-button{padding:8px 16px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .2s}.save-button{background-color:#28a745;color:white}.save-button:hover{background-color:#218838}.save-button:active{background-color:#1e7e34}.cancel-button{background-color:#6c757d;color:white}.cancel-button:hover{background-color:#5a6268}.cancel-button:active{background-color:#545b62}@media (max-width:480px){.add-button,.cancel-button,.delete-button,.edit-button,.save-button{padding:1rem;font-size:1.1rem}.cancel-button,.save-button{width:100%;text-align:center}.edit-container .button-group{flex-direction:column;gap:10px}}.error-message{color:red}.language-switcher{position:relative;display:inline-block}.language-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.language-button:hover{transform:scale(1.1);transition:transform .2s}.language-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:0;margin:8px 0 0;list-style:none;z-index:1000;min-width:120px}.language-menu li{width:100%}.language-menu button{width:100%;padding:10px;border:none;background:transparent;cursor:pointer;text-align:left}.language-menu button:hover{background-color:#f0f0f0}.language-menu button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.language-switcher{align-self:flex-end}.language-menu{width:max-content;max-width:90vw;white-space:nowrap}.language-button{font-size:2.2rem}}@media (min-width:601px) and (max-width:1024px){.todo-container{padding:32px 20px}.title{font-size:2.25rem}.task-input{font-size:1.3rem;padding:16px}.char-counter{font-size:1rem}.add-button,.cancel-button,.delete-button,.edit-button,.save-button{font-size:1.05rem;padding:.75rem 1rem}.task-content input[type=checkbox]{width:1.75rem;height:1.75rem}.task-content input[type=checkbox]:checked:after{font-size:1.1rem}.language-button{font-size:2rem}.language-menu{min-width:110px}}