.mode-switch{position:fixed;z-index:300;top:10px;left:20px;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid #536070;border-radius:22px;background:#20262ddd;box-shadow:0 5px 18px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mode-switch button{position:relative;z-index:1;flex:none;padding:7px 12px;border-radius:17px;color:#aeb9c8;font-size:11px;white-space:nowrap;transition:color 180ms}
.mode-switch button:hover:not(:disabled){background:transparent;color:#edf3fa}
.mode-switch button[aria-current="page"]{color:#eef4fc}
.mode-switch .mode-indicator{position:absolute;top:4px;bottom:4px;left:0;width:var(--switch-width,100px);border:1px solid #70839d;border-radius:17px;background:#3c4a5d;box-shadow:inset 0 1px 0 #ffffff20;transform:translateX(var(--switch-x,4px));pointer-events:none}
.mode-switch.is-ready .mode-indicator{transition:transform 240ms cubic-bezier(.22,.8,.25,1),width 240ms cubic-bezier(.22,.8,.25,1)}
.mode-switch .mode-short{display:none}
:root{--satellite-header-height:64px;--satellite-header-start:180px}
.fr-header,.library-header{height:var(--satellite-header-height);padding-left:var(--satellite-header-start);padding-right:28px;gap:18px;border-bottom:1px solid #363c44}
.fr-header{background:#202124}
html[data-appearance="chrome"] .fr-header{background:var(--chrome-theme-color)}
.fr-brand,.library-brand{font-size:12px;line-height:16px;letter-spacing:.04em;color:#aeb9c8}
.fr-header .help,.library-header .help{width:27px;height:27px;padding:0;font-size:12px}
@media(max-width:900px){.fr-brand,.library-brand{display:none}}
@media(max-width:720px){.mode-switch{left:12px}.mode-switch button{padding:7px 12px}.mode-switch .mode-full{display:none}.mode-switch .mode-short{display:inline}}
@media(max-width:600px){:root{--satellite-header-height:96px}.fr-header,.library-header{height:var(--satellite-header-height);padding:48px 14px 8px;justify-content:flex-end}.fr-top-nav{margin-left:0}}
@media(max-width:420px){.mode-switch button{padding:7px 10px}.fr-top-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.mode-switch .mode-indicator,.mode-switch button{transition:none!important}}
