/* Progressive enhancement: a circular theme reveal with a surface-crossfade fallback. */
@property --neon-h{syntax:'<number>';inherits:true;initial-value:270}
@property --neon-s{syntax:'<percentage>';inherits:true;initial-value:100%}
@property --neon-l{syntax:'<percentage>';inherits:true;initial-value:71%}
html.appearance-changing{transition:--neon-h 550ms ease,--neon-s 550ms ease,--neon-l 550ms ease}
html.appearance-changing body,html.appearance-changing .sidebar,html.appearance-changing .topbar,html.appearance-changing .download-card,html.appearance-changing .settings-panel,html.appearance-changing .jobs-list,html.appearance-changing .collection-group,html.appearance-changing dialog,html.appearance-changing .onboarding-art,html.appearance-changing .onboarding-form,html.appearance-changing input,html.appearance-changing select,html.appearance-changing button,html.appearance-changing .url-input,html.appearance-changing .library-tabs,html.appearance-changing .bulk-bar{transition-property:background-color,color,border-color,box-shadow,fill,stroke;transition-duration:550ms;transition-timing-function:ease}
html.theme-reveal::view-transition-old(root),html.theme-reveal::view-transition-new(root){animation-duration:620ms;animation-timing-function:cubic-bezier(.22,1,.36,1);mix-blend-mode:normal}
html.theme-reveal::view-transition-old(root){animation:none;z-index:1}
html.theme-reveal::view-transition-new(root){animation-name:theme-circle-in;z-index:2}
html.theme-reveal::view-transition-group(root){animation-duration:620ms}
@keyframes theme-circle-in{from{clip-path:circle(0px at var(--theme-x,50%) var(--theme-y,50%))}to{clip-path:circle(var(--theme-radius,150vmax) at var(--theme-x,50%) var(--theme-y,50%))}}
@media(prefers-reduced-motion:reduce){html.appearance-changing,html.appearance-changing *,html::view-transition-old(root),html::view-transition-new(root),html::view-transition-group(root){animation:none!important;transition:none!important}}

.account-security-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);margin-top:16px;line-height:1.8}.account-security-note svg{color:var(--accent);width:13px;height:13px;flex-shrink:0}