html{scrollbar-gutter:stable}
html[data-mode-transition="loading"]{background:var(--bg,#0e1b24)}
html[data-mode-transition="loading"] body>*:not(#mode-transition-cover){visibility:hidden!important}
#mode-transition-cover{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:var(--bg,#0e1b24);color:var(--text,#dfedf4);font:500 16px system-ui,sans-serif}
#mode-transition-cover::before{content:"";width:28px;height:28px;border:3px solid #79c6e833;border-top-color:#79c6e8;border-radius:50%;animation:mode-loading .8s linear infinite}
@keyframes mode-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#mode-transition-cover::before{animation:none}}