.ui-language-switch { display:inline-flex; gap:3px; margin:0; padding:3px; border:1px solid var(--line,#e1e5ee); border-radius:10px; background:#fff; }
.ui-language-switch button { appearance:none; border:0; border-radius:7px; padding:7px 9px; background:transparent; color:#626b7e; font:inherit; font-size:12px; cursor:pointer; }
.ui-language-switch button[aria-pressed=true] { color:#4543b8; background:#eeedfc; font-weight:700; }
.ui-language-switch button:focus-visible { outline:2px solid #5856d6; outline-offset:2px; }
.ui-language-switch button:disabled { opacity:.55; cursor:wait; }
.public-header-actions { display:flex; gap:14px; align-items:center; }
.public-header-actions > a { white-space:nowrap; flex-shrink:0; }
.ui-language-footer { display:flex; justify-content:center; padding:20px; }
.sidebar > .ui-language-switch { margin-top:20px; }
.app-body > .ui-language-footer { display:none; }
@media(max-width:960px) { .app-body > .ui-language-footer { display:flex; padding-bottom:100px; } .public-header-actions { gap:8px; } .ui-language-switch button { padding:7px; } }
@media(max-width:520px) { .public-header { gap:8px; } .public-header .motion-wordmark { font-size:20px; } .public-header-actions .ui-language-switch button { padding:6px 5px; font-size:11px; } }