:root{--shale-motion-duration-fast:var(--motion-duration-sm,.12s);--shale-motion-duration-normal:var(--motion-duration-md,.18s);--shale-motion-duration-slow:var(--motion-duration-lg,.24s);--shale-motion-easing-standard:var(--motion-easing-standard,cubic-bezier(.2, 0, 0, 1));--shale-motion-easing-enter:var(--motion-easing-decelerate,cubic-bezier(0, 0, 0, 1));--shale-motion-easing-exit:var(--motion-easing-accelerate,cubic-bezier(.3, 0, 1, 1));--shale-motion-scale-press:var(--motion-scale-active,.98);--shale-motion-slide-distance:var(--motion-slide-distance,8px);--shale-motion-stagger-step:40ms}.shale-motion-static{transition:none!important;animation:none!important;transform:none!important}.shale-motion-press{transition:transform var(--shale-motion-duration-fast) var(--shale-motion-easing-standard), opacity var(--shale-motion-duration-fast) var(--shale-motion-easing-standard), box-shadow var(--shale-motion-duration-fast) var(--shale-motion-easing-standard);will-change:transform, opacity}.shale-motion-press:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--shale-motion-scale-press));opacity:.88}@media (hover:hover) and (pointer:fine){.shale-motion-hover:hover:not(:disabled):not([aria-disabled=true]){box-shadow:var(--motion-elevation-hover,var(--card-shadow-elevated));transform:translateY(-1px)}}.shale-motion-card{transition:box-shadow var(--shale-motion-duration-normal) var(--shale-motion-easing-standard), border-color var(--shale-motion-duration-normal) var(--shale-motion-easing-standard), transform var(--shale-motion-duration-fast) var(--shale-motion-easing-standard);will-change:box-shadow, transform}@media (hover:hover) and (pointer:fine){.shale-motion-card--interactive:hover{box-shadow:var(--motion-elevation-hover,var(--card-shadow-elevated));transform:translateY(-2px)}}.shale-motion-card--interactive:active{box-shadow:var(--motion-elevation-active,var(--shadow-sm));transform:translateY(0)}.shale-modal-backdrop{animation-duration:var(--shale-motion-duration-normal);animation-timing-function:var(--shale-motion-easing-enter);animation-fill-mode:both}.shale-modal-backdrop--enter{animation-name:shale-modal-backdrop-in}.shale-modal-backdrop--exit{animation-name:shale-modal-backdrop-out;animation-duration:var(--shale-motion-duration-fast);animation-timing-function:var(--shale-motion-easing-exit)}.shale-modal-panel{animation-duration:var(--shale-motion-duration-normal);animation-timing-function:var(--shale-motion-easing-enter);will-change:transform, opacity;animation-fill-mode:both}.shale-modal-panel--enter{animation-name:shale-modal-panel-in}.shale-modal-panel--exit{animation-name:shale-modal-panel-out;animation-duration:var(--shale-motion-duration-fast);animation-timing-function:var(--shale-motion-easing-exit)}@keyframes shale-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes shale-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes shale-modal-panel-in{0%{opacity:0;transform:translateY(var(--shale-motion-slide-distance)) scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shale-modal-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(calc(var(--shale-motion-slide-distance) * .5)) scale(.98)}}.shale-motion-list-item{animation:shale-list-item-in var(--shale-motion-duration-normal) var(--shale-motion-easing-enter) both;will-change:transform, opacity}.shale-motion-list-item--stagger{animation-delay:calc(var(--shale-stagger-index,0) * var(--shale-motion-stagger-step))}@keyframes shale-list-item-in{0%{opacity:0;transform:translateY(var(--shale-motion-slide-distance))}to{opacity:1;transform:translateY(0)}}.shale-tabs__indicator{background:var(--primary,var(--shale-cyan));border-radius:var(--radius-full,9999px);height:2px;transition:transform var(--shale-motion-duration-normal) var(--shale-motion-easing-standard), width var(--shale-motion-duration-normal) var(--shale-motion-easing-standard);will-change:transform, width;pointer-events:none;position:absolute;bottom:0;left:0}.shale-motion-swipe-feedback{opacity:.72;transition:opacity var(--shale-motion-duration-fast) var(--shale-motion-easing-standard)}.shale-pull-container{position:relative}.shale-pull-indicator{opacity:0;font-size:var(--font-size-xs,.75rem);color:var(--text-secondary,var(--shale-dark-silver-muted));padding:var(--space-2,.5rem);transition:opacity var(--shale-motion-duration-fast) var(--shale-motion-easing-standard);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-100%)}.shale-pull-indicator--active{opacity:.85}.shale-pull-indicator--refreshing{opacity:1}.shale-expand-panel{transition:max-height var(--shale-motion-duration-normal) var(--shale-motion-easing-enter), opacity var(--shale-motion-duration-fast) var(--shale-motion-easing-standard);overflow:hidden}.shale-expand-panel--closed{opacity:0;max-height:0}.shale-expand-panel--open{opacity:1;max-height:2000px}@media (prefers-reduced-motion:reduce){.shale-motion-press,.shale-motion-hover,.shale-motion-card,.shale-modal-backdrop,.shale-modal-panel,.shale-motion-list-item,.shale-tabs__indicator,.shale-motion-swipe-feedback,.shale-pull-indicator,.shale-expand-panel{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.shale-expand-panel--closed{max-height:none;display:none}}
