.util-bar{background:var(--surface);border-bottom:1px solid var(--line)}.util-bar-inner{max-width:var(--container);justify-content:flex-end;align-items:center;gap:var(--sp-4);min-height:30px;padding:var(--sp-1) 40px;margin:0 auto;display:flex}.lang-switch{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);align-items:center;gap:1px;padding:2px;display:flex}.lang-opt{min-width:28px;min-height:24px;padding:0 var(--sp-2);border-radius:calc(var(--radius-xs) - 2px);color:var(--muted);font-size:var(--fs-2xs);letter-spacing:.02em;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.lang-opt:hover{color:var(--text)}.lang-opt.is-on{color:var(--on-accent);background:var(--accent)}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-2);width:26px;height:26px;color:var(--muted);cursor:pointer;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--text)}.theme-toggle i{font-size:15px}.theme-toggle .icn-sun{display:none}.theme-toggle .icn-moon,:root[data-theme=dark] .theme-toggle .icn-sun{display:block}:root[data-theme=dark] .theme-toggle .icn-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icn-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icn-moon{display:none}}@media (width<=860px){.util-bar-inner{min-height:32px;padding:var(--sp-1) 14px;gap:var(--sp-3)}}
