.search{width:100%;display:flex;align-items:center;padding:20px;gap:20px;background:var(--color-grey)}.input-search{flex:1;border:none;outline:none;background:transparent;font-family:BDO Grotesk,sans-serif;font-size:1.25rem;color:var(--color-dark)}.btn-help{width:72px;height:72px;padding:20px;background:var(--color-dark)}.btn-help:hover{background:var(--color-dark-hover)}.btn-action{padding:12px 20px;gap:20px;font-family:BDO Grotesk,sans-serif;font-size:1.25rem;color:var(--color-white);background:var(--color-dark)}.btn-blue{color:var(--color-blue);background:none;border:2px solid var(--color-blue)}.btn-blue:hover,.btn-blue.active{color:var(--color-blue);background:var(--color-blue-2);border:2px solid var(--color-blue)}.btn-green{color:var(--color-green);background:none;border:2px solid var(--color-green)}.btn-green:hover,.btn-green.active{color:var(--color-green);background:var(--color-green-2);border:2px solid var(--color-green)}.btn-red{color:var(--color-red);background:none;border:2px solid var(--color-red)}.btn-red:hover,.btn-red.active{color:var(--color-red);background:var(--color-red-2);border:2px solid var(--color-red)}.btn-add{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;font-family:BDO Grotesk,sans-serif;font-size:1.25rem;color:var(--color-grey-3);border:2px dashed var(--color-grey-3)}.btn-add:hover{color:var(--color-dark);border-color:var(--color-dark);background-color:#00000005}.btn-delete{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;font-family:BDO Grotesk,sans-serif;font-size:1.25rem;color:var(--color-red);border:2px dashed var(--color-red)}.btn-delete:hover{background-color:#f9c8c81a}.btn-task{width:34px;height:34px;display:flex;justify-content:center;align-items:center}.task-item{width:100%;display:flex;align-items:flex-start;padding:20px;gap:20px}.task-text{flex:1;width:80%;border:none;outline:none;background:transparent;font-family:BDO Grotesk,sans-serif;font-size:1.5rem;line-height:1.5;word-wrap:break-word;appearance:textfield;-moz-appearance:textfield;box-sizing:border-box}textarea.task-text{width:100%;resize:none;overflow:hidden;min-height:1.5rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;appearance:textfield;-moz-appearance:textfield;scrollbar-width:none}.task-completed{text-decoration:line-through;opacity:.6}.task-edit-container{flex:1;position:relative;width:80%}.task-pending-btn img{opacity:0}.task-pending-btn:hover img,.task-completed-btn img{opacity:1}.task-completed-btn:hover img{opacity:0}.task-drag-item{cursor:grab}.task-drag-item:hover{background-color:var(--color-grey)}.task-drag-item:active{cursor:grabbing}.task-drag-item.drag-disabled{cursor:default}.task-drag-item.drag-disabled:hover{background-color:transparent}.char-counter{position:absolute;bottom:-20px;right:0;font-size:.75rem;color:var(--color-grey-3);font-family:BDO Grotesk,sans-serif}.char-counter.over-limit{color:var(--color-red);font-weight:700}.task-text.over-limit{color:var(--color-red);border-bottom:1px solid var(--color-red)}.help-container{position:relative}.help-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid var(--color-grey-2);min-width:320px;z-index:1000;font-family:BDO Grotesk,sans-serif}.help-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-grey-2)}.help-menu-header h3{margin:0;font-size:1.1rem;color:var(--color-dark)}.help-close{background:none;border:none;font-size:1.5rem;color:var(--color-grey-3);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.help-close:hover{color:var(--color-dark)}.help-content{padding:16px 20px}.help-section{margin-bottom:20px}.help-section:last-child{margin-bottom:0}.help-section h4{margin:0 0 12px;font-size:.9rem;color:var(--color-grey-3);text-transform:uppercase;font-weight:700}.help-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.help-key{background:var(--color-grey);color:var(--color-dark);padding:4px 8px;font-family:monospace;font-size:.8rem;font-weight:700}.footer{width:100%;padding:50px;text-align:center}.footer-text{font-family:BDO Grotesk,sans-serif;font-size:1.25rem;color:var(--color-grey-3);margin:0}.footer-link{color:var(--color-dark);text-decoration:none;font-weight:500}.footer-link:hover{color:var(--color-blue)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-10px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.app-max-width{animation:fadeIn .5s ease-out}.task-drag-item{animation:slideInUp .3s ease-out}.btn-action.active{animation:scaleIn .2s ease-out}.btn-add,.btn-delete{animation:fadeInUp .3s ease-out}.empty-state{animation:fadeInUp .5s ease-out}.empty-state p{animation:fadeIn .8s ease-out .2s both}.task-list-container{animation:fadeInUp .3s ease-out}.task-list-container .task-drag-item{animation:slideInUp .4s ease-out both}.task-list-container .task-drag-item:nth-child(1){animation-delay:.1s}.task-list-container .task-drag-item:nth-child(2){animation-delay:.2s}.task-list-container .task-drag-item:nth-child(3){animation-delay:.3s}.task-list-container .task-drag-item:nth-child(4){animation-delay:.4s}.task-list-container .task-drag-item:nth-child(5){animation-delay:.5s}.task-list-container .task-drag-item:nth-child(n+6){animation-delay:.6s}header{animation:slideInUp .6s ease-out}h1{animation:fadeIn .8s ease-out .3s both}.char-counter.over-limit{animation:shake .5s ease-in-out}*{scroll-behavior:smooth}.task-drag-item{transition:all .2s ease}.btn-action{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-add,.btn-delete,.btn-task,.btn-task img{transition:all .2s ease}.task-completed,.char-counter{transition:all .3s ease}.task-edit-container{transition:all .2s ease}.search,.flex.flex-column{transition:all .3s ease}.footer-link{transition:color .2s ease}.task-pending-btn img,.task-completed-btn img{transition:opacity .2s ease}.btn-action:hover{transform:translateY(-1px)}.btn-add:hover,.btn-delete:hover{transform:translateY(-2px)}.btn-task:hover,.btn-task:hover img{transform:scale(1.1)}.task-edit-container:hover{transform:scale(1.01)}.btn-action:active{transform:scale(.98)}.task-drag-item.dragging{animation:none;transition:transform .2s ease;opacity:.5;cursor:grabbing;transform:rotate(2deg);z-index:1000}@media (max-width: 768px){main{padding:20px!important}.search-container{gap:0px!important}.btn-help{display:none}.btn-action{width:100%}}@media (max-width: 425px){.action-container,.task-item{flex-direction:column}.task-text{font-size:1.25rem}}.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.t-grey-3{color:var(--color-grey-3)}.t-red{color:var(--color-red)}.app-max-width{width:100%;max-width:700px}.gap-4{gap:.25rem}.gap-10{gap:.625rem}.gap-20{gap:1.25rem}.gap-50{gap:3.125rem}@font-face{font-family:BDO Grotesk;src:url(/checklist-react/assets/BDOGrotesk-VF-OcoQm8ke.ttf) format("truetype");font-display:swap;font-weight:100 600;font-style:normal}:root{--color-dark: #0a0a0a;--color-dark-hover: #141414;--color-white: #ffffff;--color-grey: #ebebeb;--color-grey-2: #7c7c7c;--color-grey-3: #656565;--color-blue: #0f4d8a;--color-blue-2: #c8e0f9;--color-green: #0f8a0f;--color-green-2: #c8f9c8;--color-red: #8a0f0f;--color-red-2: #f9c8c8}h1{font-weight:600;font-size:1.875rem}p{font-weight:400;font-size:1.25rem}button{border:none;cursor:pointer;background:none;padding:0;font-family:inherit}::selection{color:var(--color-white);background-color:var(--color-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:BDO Grotesk,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;color:var(--color-dark);background-color:var(--color-white)}main{flex:1;width:100%;max-width:1920px;padding:50px;gap:50px;display:flex;flex-direction:column;align-items:center}