.exercise-card-animated{will-change:transform, box-shadow;transform-style:preserve-3d;backface-visibility:hidden}[data-dnd-drag-overlay] *{pointer-events:none!important}[data-dnd-drag-overlay]{transform-origin:0 0;will-change:transform;pointer-events:none!important;z-index:10000!important;position:fixed!important;top:0!important;left:0!important}[style*=translate3d]{will-change:transform}.drag-overlay-wrapper{transform-origin:50%;position:relative}[data-draggable=true]{cursor:grab}[data-draggable=true]:active{cursor:grabbing}@keyframes spring-bounce{0%{transform:scale(.8)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}.spring-bounce{animation:spring-bounce .4s var(--ease-spring) forwards}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shadow-animated{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.dragging{z-index:9999!important}.no-select{-webkit-user-select:none;user-select:none}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.success-ripple{will-change:transform, opacity;animation:.6s ease-out forwards ripple;transform:translateZ(0)}@keyframes pulse-success{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pulse-success{will-change:transform;animation:.2s ease-in-out pulse-success;transform:translateZ(0)}@keyframes checkmark-draw{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.checkmark-path{stroke-dasharray:20;stroke-dashoffset:20px;animation:.5s ease-out forwards checkmark-draw}@keyframes checkmark-scale-in{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.checkmark-container{will-change:transform, opacity;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards checkmark-scale-in}@keyframes celebration-burst{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}to{opacity:0;transform:scale(.8)rotate(360deg)}}.celebration-burst{will-change:transform, opacity;animation:.8s ease-out forwards celebration-burst;transform:translateZ(0)}@keyframes success-flash{0%,to{background-color:#0000}25%,75%{background-color:#34d39933}}.success-flash{border-radius:inherit;animation:.6s ease-in-out success-flash}@keyframes float-up-success{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.8)}}.float-up-success{will-change:transform, opacity;pointer-events:none;z-index:1000;animation:1s ease-out forwards float-up-success;position:absolute}@keyframes shake-success{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake-success{will-change:transform;animation:.5s ease-in-out shake-success}@keyframes success-glow{0%{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 10px #34d3991a}to{box-shadow:0 0 #34d39900}}.success-glow{will-change:box-shadow;animation:.8s ease-out success-glow}@keyframes professional-glow{0%{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f61a}to{box-shadow:0 0 #3b82f600}}.professional-glow{will-change:box-shadow;animation:.6s ease-out professional-glow}@keyframes subtle-success-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes subtle-success-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.subtle-success-indicator{animation:.3s ease-out forwards subtle-success-fade-in}.subtle-success-indicator.fade-out{animation:.3s ease-out forwards subtle-success-fade-out}.professional-ripple{will-change:transform, opacity;animation:.4s ease-out forwards ripple;transform:translateZ(0);background:#34d39926!important}@media (prefers-reduced-motion:reduce){.professional-glow,.professional-ripple,.subtle-success-indicator{transition:none!important;animation:none!important}.professional-ripple{opacity:.15;transform:scale(1)}.subtle-success-indicator{opacity:1;transform:scale(1)}.success-ripple,.pulse-success,.checkmark-path,.checkmark-container,.celebration-burst,.success-flash,.float-up-success,.shake-success,.success-glow{transition:none!important;animation:none!important}.success-ripple{opacity:.3;transform:scale(1)}.success-flash{background-color:#34d3991a}}.success-animation-container{position:relative;overflow:hidden}.success-animation-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out both fade-in}.bg-grid-white\/\[0\.02\]{background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px)}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-green{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-green}.animate-pulse-yellow{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-yellow}.animate-pulse-red{animation:1s cubic-bezier(.4,0,.6,1) infinite pulse-red}@keyframes card-lift{0%{transform:translateY(0)scale(1)}to{transform:translateY(-4px)scale(1.02)}}.animate-card-lift{will-change:transform;animation:.3s cubic-bezier(.4,0,.2,1) forwards card-lift}@keyframes icon-tilt{0%{transform:rotate(0)scale(1)}to{transform:rotate(-5deg)scale(1.1)}}.animate-icon-tilt{will-change:transform;animation:.2s ease-out forwards icon-tilt}@keyframes data-reveal{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-data-reveal{will-change:opacity, transform;animation:.4s cubic-bezier(.4,0,.2,1) forwards data-reveal}@keyframes gradient-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient-shimmer{background-size:200% 100%;animation:3s infinite gradient-shimmer}@keyframes staggered-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-staggered-fade-in-up{animation:staggered-fade-in-up .6s var(--ease-spring) forwards;will-change:opacity, transform}@keyframes tap-feedback{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.touch-feedback{animation:.2s ease-out tap-feedback}@media (max-width:768px){.group:hover .group-hover\:scale-110{transform:scale(1)}.group:hover .group-hover\:-rotate-6{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.animate-card-lift,.animate-icon-tilt,.animate-data-reveal,.animate-gradient-shimmer,.animate-staggered-fade-in-up,.touch-feedback{transition:none!important;animation:none!important}.animate-card-lift{transform:translateY(0)scale(1)}.animate-icon-tilt{transform:rotate(0)scale(1)}.animate-data-reveal{opacity:1;transform:translateY(0)scale(1)}.animate-staggered-fade-in-up{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{will-change:transform;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@media (prefers-reduced-motion:reduce){.animate-shake{animation:none!important}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:2s infinite shimmer}@media (prefers-reduced-motion:reduce){.animate-shimmer{animation:none!important}}
.magnetic-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes magnetic-pulse{0%{transform:scale(1);box-shadow:0 0 #60a5fab3}50%{transform:scale(1.005);box-shadow:0 0 20px 10px #60a5fa00}to{transform:scale(1);box-shadow:0 0 #60a5fa00}}.animate-magnetic-pulse{animation:1.5s cubic-bezier(.4,0,.6,1) infinite magnetic-pulse}@keyframes magnetic-badge-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.magnetic-indicator{animation:1s ease-in-out infinite magnetic-badge-pulse}.drag-overlay-magnetic{filter:drop-shadow(0 20px 40px #60a5fa4d)}.scale-magnetic{transition:transform .2s ease-out;transform:scale(.95)}.ring-magnetic{box-shadow:0 0 0 2px #60a5fa80,0 0 0 4px #60a5fa4d,0 0 20px #60a5fa66}.workout-block-container{will-change:transform, box-shadow;transform:translateZ(0)}.dragging *{cursor:grabbing!important}
.floating-ai-panel{-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,0 0 0 1px #4755691a}.floating-ai-panel-handle{position:relative}.floating-ai-panel-handle:before{content:"";background:#94a3b84d;border-radius:2px;width:40px;height:4px;transition:background .2s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.floating-ai-panel-handle:hover:before{background:#94a3b880}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.floating-ai-pulse{animation:2s infinite pulse-glow}.floating-ai-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-ai-panel{z-index:1000}.floating-ai-panel.dragging{pointer-events:none}.floating-ai-panel.dragging .no-drag{pointer-events:auto}
:root{--z-index-base:1;--z-index-dropdown:50;--z-index-sticky:100;--z-index-fixed:200;--z-index-overlay:300;--z-index-modal-backdrop:400;--z-index-modal:500;--z-index-popover:600;--z-index-floating-panel:350;--z-index-tooltip:700;--z-index-notification:800;--z-index-command-palette:900;--z-index-dev-tools:9999;--z-index-splash:10000}.z-base{z-index:var(--z-index-base)}.z-dropdown{z-index:var(--z-index-dropdown)}.z-sticky{z-index:var(--z-index-sticky)}.z-fixed{z-index:var(--z-index-fixed)}.z-overlay{z-index:var(--z-index-overlay)}.z-modal-backdrop{z-index:var(--z-index-modal-backdrop)}.z-modal{z-index:var(--z-index-modal)}.z-popover{z-index:var(--z-index-popover)}.z-floating-panel{z-index:var(--z-index-floating-panel)}.z-tooltip{z-index:var(--z-index-tooltip)}.z-notification{z-index:var(--z-index-notification)}.z-command-palette{z-index:var(--z-index-command-palette)}.z-dev-tools{z-index:var(--z-index-dev-tools)}.z-splash{z-index:var(--z-index-splash)}