/* Existing theme tokens remain authoritative; nothing is hidden by default. */
:root{--motion-hover:120ms;--motion-dialog:190ms;--motion-shrink:180ms;--motion-restore:160ms;--motion-label:80ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.dxl-motion-mask{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none;overflow:hidden;fill:var(--rail,var(--ink,#20231f))}
/* Keep critical, persistent controls above the decoration. */
body:has(.dxl-motion-mask) :is(.topbar,.rail,.sidebar,.top){z-index:91}
body:has(.dxl-motion-mask) .top{position:relative}
body:has(.dxl-motion-mask) .topbar{position:fixed}
body:has(.dxl-motion-mask) .rail{position:fixed}
@media(max-width:650px){body:has(.dxl-motion-mask) .sidebar{position:relative}}
body:has(.dxl-motion-mask) .top{background:var(--bg,var(--canvas))}
html[data-dxl-motion="on"] button,html[data-dxl-motion="on"] .button{transition:background-color var(--motion-hover),border-color var(--motion-hover)}
html[data-dxl-motion="on"] button:active:not(:disabled){border-color:var(--ink)}
html[data-dxl-motion="on"] dialog[open]{animation:dxl-dialog-in var(--motion-dialog) var(--motion-ease)}
@keyframes dxl-dialog-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
.login button.dxl-login-button{position:relative;isolation:isolate;background:transparent;border-color:transparent;opacity:1}
.dxl-login-button::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--accent,var(--lime));transition:left var(--motion-restore) var(--motion-ease),right var(--motion-restore) var(--motion-ease),border-radius var(--motion-restore)}
.dxl-login-button.dxl-login-pending::before{left:calc(50% - 30px);right:calc(50% - 30px);border-radius:999px;transition-duration:var(--motion-shrink)}
.dxl-login-label{transition:opacity var(--motion-label);opacity:1}
.dxl-login-pending .dxl-login-label{opacity:0}
.dxl-login-spinner{position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border:2px solid var(--ink);border-right-color:transparent;border-radius:50%;opacity:0;pointer-events:none}
.dxl-login-pending .dxl-login-spinner{opacity:1;animation:dxl-spin 700ms linear infinite}
@keyframes dxl-spin{to{rotate:360deg}}
html[data-dxl-motion="off"] button,html[data-dxl-motion="off"] .button,html[data-dxl-motion="off"] .dxl-login-button::before,html[data-dxl-motion="off"] .dxl-login-label{transition:none}
html[data-dxl-motion="off"] dialog[open],html[data-dxl-motion="off"] .dxl-login-spinner{animation:none}
html[data-dxl-motion="off"] .dxl-login-pending::before{left:-1px;right:-1px;border-radius:inherit}
@media(prefers-reduced-motion:reduce){.dxl-motion-mask{display:none}.dxl-login-button::before,.dxl-login-label{transition:none}.dxl-login-pending::before{left:-1px;right:-1px;border-radius:inherit}.dxl-login-spinner,dialog[open]{animation:none!important}}