/* PRIVVA motion: quiet feedback, small distances, no scroll interception. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-control:220ms;--motion-panel:320ms}
@media(prefers-reduced-motion:no-preference){
 body:not(.design-mode) :is(.button,.privva-select-trigger,.social-icon,.social-close,.mini-chat-launcher,.mini-chat-bar button,.inbox-row,.profile-tabs a){transition:background-color var(--motion-control) ease,border-color var(--motion-control) ease,color var(--motion-control) ease,box-shadow 280ms ease,transform var(--motion-control) var(--motion-ease)}
 body:not(.design-mode) :is(input,textarea,select){transition:border-color var(--motion-control) ease,box-shadow 280ms ease,background-color var(--motion-control) ease,color var(--motion-control) ease}
 .privva-select-trigger:after{transition:transform 260ms var(--motion-ease)}
 .privva-select-menu{animation:privva-soft-enter 260ms var(--motion-ease)}
 .message-toast{animation:privva-soft-enter var(--motion-panel) var(--motion-ease)}
 body:not(.design-mode) .creator-card{transition:transform 320ms var(--motion-ease),border-color 260ms ease,box-shadow 320ms ease}
 .social-icon:hover{transform:none}
 .social-icon:active,.social-close:active,body:not(.design-mode) .button:active{transform:scale(.98)}
 :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)[open]{animation:privva-panel-enter var(--motion-panel) var(--motion-ease)}
 :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)[open]::backdrop{animation:privva-backdrop-enter 280ms ease}
 .mini-chat-panel:not([hidden]){animation:privva-panel-enter var(--motion-panel) var(--motion-ease)}
 @supports (transition-behavior:allow-discrete){
  :is(.social-sheet,.private-media-dialog,.chat-payment-dialog){animation:none!important;opacity:0;transform:translateY(10px);transition:opacity 240ms ease,transform var(--motion-panel) var(--motion-ease),display var(--motion-panel) allow-discrete,overlay var(--motion-panel) allow-discrete}
  :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)[open]{opacity:1;transform:translateY(0)}
  :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)::backdrop{animation:none!important;opacity:0;transition:opacity 260ms ease,display 260ms allow-discrete,overlay 260ms allow-discrete}
  :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)[open]::backdrop{opacity:1}
  @starting-style{ :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)[open]{opacity:0;transform:translateY(10px)} :is(.social-sheet,.private-media-dialog,.chat-payment-dialog)[open]::backdrop{opacity:0} }
 }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body:not(.design-mode) .button:hover,.mini-chat-launcher:hover{transform:translateY(-1px)}body:not(.design-mode) .creator-card:hover{transform:translateY(-2px)}}
@media(hover:none){body:not(.design-mode) .button:hover,.creator-card:hover,.social-icon:hover,.mini-chat-launcher:hover{transform:none;box-shadow:none}}
@keyframes privva-soft-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes privva-panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes privva-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}