html.logout-leaving{overflow:hidden}
#logout-transition-cover{position:fixed;inset:0;z-index:100010;pointer-events:none;overflow:hidden;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}
.logout-transition-sidebar{position:absolute;background:#12233e}
.logout-transfer-logo,.logout-transfer-name,.logout-transfer-english{position:absolute;transform-origin:0 0;white-space:nowrap}
.logout-transfer-logo img{display:block;width:100%;height:100%;padding:2px;background:#fff;border-radius:50%;object-fit:contain;animation:logout-brand-spin 1s linear infinite}
@keyframes logout-brand-spin{to{transform:rotate(360deg)}}
html.logout-returning body{overflow:hidden}
html.logout-returning main{visibility:hidden}
html.logout-returning:has(#logout-transition-cover) main{visibility:visible}
html.logout-returning .brand-header::before{opacity:0;transition:opacity .45s .82s}
html.logout-returning.logout-panel-revealing .brand-header::before{opacity:1}
@media(prefers-reduced-motion:reduce){.logout-transfer-logo img{animation:none}}
/* The outgoing nav buttons move horizontally inside a vertically scrollable list. */
@media(min-width:761px){
 html.logout-leaving .sidebar{overflow-x:clip}
 html.logout-leaving .sidebar nav{overflow-x:hidden;overflow-y:auto}
}
/* Keep the layout width unchanged when startup/transition scroll locks end. */
@media(min-width:761px){
 html{scrollbar-gutter:stable}
}