@view-transition{navigation:auto}::view-transition-old(root){animation:m-page-out .16s ease-in both}::view-transition-new(root){animation:m-page-in .3s ease-out both}@keyframes m-page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes m-page-out{to{opacity:0}}@keyframes m-soft-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes m-error-nudge{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.m-page-heading,.m-auth-card,.m-verify-card{animation:m-soft-enter .45s cubic-bezier(.2,.7,.3,1) both}.m-verify-card>div:not([hidden]){animation:m-soft-enter .35s ease-out both}.m-workspace .m-btn,.m-auth .m-btn,.lp-button,.m-workspace .btn{transition:background .2s,box-shadow .2s,transform .2s,border-color .2s}.m-btn:active,.btn:active,.lp-button:active{transform:scale(.98)}.m-workspace .m-sidebar nav a{transition:background .2s,color .2s,opacity .3s}.m-workspace input,.m-workspace textarea,.m-workspace select,.m-auth input{transition:border-color .2s,box-shadow .2s,background .2s}.m-workspace .m-card,.m-workspace .m-metric,.m-workspace .balance-kpi-card{transition:border-color .25s,box-shadow .25s}.m-workspace .m-quick-row{transition:background .2s,transform .2s}.m-workspace .m-quick-row:hover{transform:translateX(3px)}.m-workspace .m-badge,.m-toast{animation:m-soft-enter .25s ease-out}.m-workspace .modal-overlay.open .modal,.m-workspace .modal-overlay.open .modal-content{animation:m-soft-enter .25s ease-out}.m-motion-error{animation:m-error-nudge .24s ease-out}.m-motion-pending{position:relative;overflow:hidden}.m-motion-pending:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#9581d315 45%,transparent 70%);animation:m-load-sheen 1.8s linear infinite}@keyframes m-load-sheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.m-page-heading,.m-auth-card,.m-verify-card,.m-verify-card>div:not([hidden]),.m-badge,.m-toast,.m-motion-error,.modal-overlay.open .modal,.modal-overlay.open .modal-content{animation:none!important}.m-motion-pending:after{display:none}.m-btn,.btn,.lp-button,.m-sidebar nav a,input,textarea,select,.m-card,.m-metric,.balance-kpi-card,.m-quick-row{transition:none!important}.m-quick-row:hover{transform:none!important}}
.m-auth-steps{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;margin:24px 0}.m-auth-steps>*{padding:8px 10px;background:var(--m-lilac,#eee8fb);border-radius:16px;color:var(--m-muted,#687080)}.m-auth-steps b{color:var(--m-primary,#7047dc)}

/* Shared motion language for the public pages, auth and working cabinet. */
@keyframes m-dialog-enter{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes m-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes m-pop-enter{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .m-workspace .m-sidebar nav>*,.m-workspace .m-sidebar details[open]>a{animation:m-soft-enter .4s ease-out both}
 .m-workspace .m-sidebar nav>:nth-child(2){animation-delay:.025s}.m-workspace .m-sidebar nav>:nth-child(3){animation-delay:.05s}.m-workspace .m-sidebar nav>:nth-child(4){animation-delay:.075s}
 .m-workspace dialog[open]{animation:m-dialog-enter .28s cubic-bezier(.2,.75,.25,1) both}
 .m-workspace dialog[open]::backdrop{animation:m-backdrop-enter .22s ease-out both}
 .m-workspace .m-dispute-message{animation:m-pop-enter .3s ease-out both}
 .m-workspace .m-tabs button,.m-workspace [aria-pressed],.m-workspace .m-table tbody tr,.setting-card,.lp-capability,.lp-audience-split article{transition:background-color .22s,border-color .22s,box-shadow .25s,transform .25s}
 .m-workspace .m-table tbody tr:hover{background:var(--m-lilac,#9581d30c)}
 .m-workspace .m-sidebar nav a:hover,.m-workspace .m-sidebar nav a:focus-visible{transform:translateX(3px)}
 .m-workspace .m-sidebar nav a{transition:transform .22s,background .22s,color .22s}
 .m-workspace .m-btn svg,.lp-button svg,.lp-link svg{transition:transform .25s}
 .m-workspace .m-btn:hover svg,.lp-button:hover svg,.lp-link:hover svg{transform:translateX(3px)}
 .m-auth-art>img{animation:m-auth-orbit 12s ease-in-out infinite}
 .m-verify-card progress,.m-workspace progress{transition:width .4s ease}
}
@keyframes m-auth-orbit{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .m-btn:not(:disabled):hover,.lp-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7448dc25}
 .m-btn:not(:disabled):active,.lp-button:active{transform:translateY(0) scale(.98)}
 .m-workspace .m-metric:hover,.m-workspace .setting-card:hover{transform:translateY(-3px);border-color:#9981da80;box-shadow:0 12px 32px #00000012}
 .lp-audience-split article:hover{transform:translateY(-4px)}
}
.m-motion-tab-hidden .m-auth-art>img,.m-motion-tab-hidden .m-motion-pending:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .m-workspace dialog[open],.m-workspace dialog[open]::backdrop,.m-workspace .m-sidebar nav>*,.m-workspace .m-sidebar details[open]>a,.m-dispute-message,.m-auth-art>img{animation:none!important}
 .m-btn:hover,.lp-button:hover,.m-workspace .m-sidebar nav a:hover,.m-workspace .m-sidebar nav a:focus-visible,.m-workspace .setting-card:hover,.m-workspace .m-metric:hover,.lp-audience-split article:hover{transform:none!important}
}
/* Quieter micro-interactions: consistent easing and short travel. */
@keyframes m-soft-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes m-dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes m-error-soft{from{opacity:.5}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .m-page-heading,.m-auth-card,.m-verify-card{animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
 .m-workspace dialog[open]{animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
 .m-motion-error{animation:m-error-soft .4s ease-out}
 .m-workspace .m-sidebar nav>*,.m-workspace .m-sidebar details[open]>a{animation:none}
 .m-workspace .m-btn,.m-auth .m-btn,.lp-button,.m-workspace .btn,.m-workspace .m-sidebar nav a,.m-workspace .m-metric,.m-workspace .setting-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,background-color .3s ease,border-color .3s ease,color .3s ease}
 .m-workspace .m-sidebar nav a:hover,.m-workspace .m-sidebar nav a:focus-visible{transform:translateX(2px)}
 .m-btn:active,.btn:active,.lp-button:active{transform:scale(.99)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .m-btn:not(:disabled):hover,.lp-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7448dc22}
 .m-btn:not(:disabled):active,.lp-button:active{transform:scale(.99)}
 .m-workspace .m-metric:hover,.m-workspace .setting-card:hover,.lp-audience-split article:hover{transform:translateY(-2px)}
}