@media (max-width:1024px){.task-card{margin-bottom:.75rem}.task-card-content{padding:.875rem}.task-card-title{font-size:1rem;line-height:1.4}.task-card-meta{font-size:.8125rem;gap:.5rem}.task-card-actions{gap:.5rem}.task-card-button{padding:.5rem .75rem;font-size:.8125rem;min-height:44px;touch-action:manipulation}}.mobile-filter-drawer{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.mobile-filter-drawer::-webkit-scrollbar{width:6px}.mobile-filter-drawer::-webkit-scrollbar-track{background:#f7fafc}.mobile-filter-drawer::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}@media (max-width:768px){.task-search-bar{width:100%;max-width:none}.task-search-input{font-size:16px}}@media (max-width:640px){.mobile-create-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:fixed;bottom:1.5rem;right:1.5rem;z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.15)}.mobile-create-btn:hover{transform:scale(1.05)}.task-modal{margin:0;border-radius:0;height:100vh;max-height:none}.task-modal-content{padding:1rem;height:100%;overflow-y:auto}}@media (max-width:1024px){.touch-target{min-height:44px;min-width:44px;touch-action:manipulation}.filter-button{padding:.625rem 1rem;touch-action:manipulation}.filter-input{font-size:16px;padding:.75rem}}.mobile-filter-open{overflow:hidden}