.drag-handle{transition:all .2s ease}.drag-handle:hover{transform:scale(1.1)}.sortable-ghost{opacity:.4;background-color:#f3f4f6;border:2px dashed #d1d5db}.sortable-chosen{transform:rotate(2deg);box-shadow:0 10px 25px #00000026;z-index:1000}.sortable-drag{opacity:.8;transform:rotate(5deg);box-shadow:0 15px 30px #0003}.dragging{opacity:.6;transform:scale(1.02);box-shadow:0 8px 25px #00000026;background-color:#f9fafb;border-radius:8px}.sortable-list li:hover{background-color:#f9fafb;transition:background-color .2s ease}@keyframes grab-attention{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.drag-handle:focus{animation:grab-attention .6s ease-in-out;outline:2px solid #3b82f6;outline-offset:2px}.flash-message{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.drag-handle{width:1.25rem;height:1.25rem}.sortable-chosen{transform:rotate(1deg)}.sortable-drag{transform:rotate(2deg)}}@media (prefers-reduced-motion: reduce){.drag-handle,.sortable-ghost,.sortable-chosen,.sortable-drag,.dragging,.flash-message{transition:none;animation:none;transform:none}}@media (prefers-color-scheme: dark){.sortable-ghost{background-color:#374151;border-color:#6b7280}.dragging,.sortable-list li:hover{background-color:#1f2937}}