/* Product motion: restrained feedback for page transitions and primary actions. */
.content.motion-enter > *, .creator-main.motion-enter > * { animation: surface-enter 480ms cubic-bezier(.22,.72,.2,1) both; }
.content.motion-enter > *:nth-child(2), .creator-main.motion-enter > *:nth-child(2) { animation-delay: 45ms; }
.content.motion-enter > *:nth-child(3), .creator-main.motion-enter > *:nth-child(3) { animation-delay: 90ms; }
.content.motion-enter > *:nth-child(4), .creator-main.motion-enter > *:nth-child(4) { animation-delay: 135ms; }
.content.motion-enter .stat-card, .content.motion-enter .panel, .content.motion-enter .asset-row, .content.motion-enter .setting-panel, .content.motion-enter .user-card, .content.motion-enter .table-row,
.creator-main.motion-enter .creator-stat, .creator-main.motion-enter .creator-panel, .creator-main.motion-enter .work-card, .creator-main.motion-enter .info-card, .creator-main.motion-enter .revenue-card {
  animation: surface-enter 420ms cubic-bezier(.22,.72,.2,1) both;
}
.content.motion-enter .stat-card:nth-child(2), .content.motion-enter .asset-row:nth-child(2), .creator-main.motion-enter .creator-stat:nth-child(2), .creator-main.motion-enter .work-card:nth-child(2), .creator-main.motion-enter .info-card:nth-child(2) { animation-delay: 55ms; }
.content.motion-enter .stat-card:nth-child(3), .content.motion-enter .asset-row:nth-child(3), .creator-main.motion-enter .creator-stat:nth-child(3), .creator-main.motion-enter .work-card:nth-child(3), .creator-main.motion-enter .info-card:nth-child(3) { animation-delay: 105ms; }
.content.motion-enter .stat-card:nth-child(4), .content.motion-enter .asset-row:nth-child(4), .creator-main.motion-enter .creator-stat:nth-child(4), .creator-main.motion-enter .work-card:nth-child(4), .creator-main.motion-enter .info-card:nth-child(4) { animation-delay: 155ms; }
.nav-item { position: relative; overflow: hidden; transition: color .18s ease, background .18s ease, transform .18s ease; }
.nav-item::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #55d3a7; transform: scaleY(0); transform-origin: center; transition: transform .2s ease; }
.nav-item.active::after { transform: scaleY(1); }
.nav-item:active, .btn:active, .icon-btn:active, .profile-btn:active, .creator-nav button:active, .creator-profile:active, .language-toggle:active, .button:active, .icon-button:active { transform: translateY(1px) scale(.98); }
.btn, .icon-btn, .profile-btn, .panel-link, .creator-nav button, .creator-profile, .language-toggle, .button, .icon-button { transition: color .18s ease, background .18s ease, border-color .18s ease, transform .16s ease; }
.toast, .creator-toast { animation: toast-enter 280ms cubic-bezier(.22,.72,.2,1) both; }
.modal-backdrop, .drawer-backdrop { animation: veil-in 180ms ease both; }
.modal, .drawer, .creator-modal { animation: surface-enter 280ms cubic-bezier(.22,.72,.2,1) both; }
.creator-announcement { animation: announcement-enter 520ms cubic-bezier(.22,.72,.2,1) both; }
.creator-login-card, .admin-login-card { animation: surface-enter 560ms cubic-bezier(.22,.72,.2,1) both; }
.creator-login-card .login-brand, .admin-login-card .login-brand-row { animation: logo-enter 620ms cubic-bezier(.22,.72,.2,1) 80ms both; }
@keyframes surface-enter { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes toast-enter { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes veil-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes announcement-enter { from { opacity: 0; transform: translateY(-12px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes logo-enter { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}