.traceon-languages { position:relative; flex-shrink:0; margin-left:-16px; color:var(--ink-2,#b4bbc5); }
.traceon-languages summary { display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; cursor:pointer; list-style:none; border:0; background:transparent; }
.traceon-languages summary::-webkit-details-marker { display:none; }
.traceon-globe { display:block; width:20px; height:20px; background:currentColor; mask:url('/globe.svg') center/contain no-repeat; -webkit-mask:url('/globe.svg') center/contain no-repeat; }
.traceon-languages[open] summary,.traceon-languages summary:hover { color:var(--accent,#f0b429); }
.traceon-language-options { position:absolute; right:0; top:calc(100% + 8px); z-index:200; min-width:164px; padding:5px; border:1px solid var(--line,#363c45); border-radius:9px; background:var(--panel,#161a1f); box-shadow:0 10px 32px #0006; }
.traceon-languages:not([open]) .traceon-language-options { display:none; }
.traceon-language-options button { appearance:none; display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; min-height:42px; padding:9px 12px; text-align:left; cursor:pointer; font:500 14px/1.4 system-ui,sans-serif; color:var(--ink,#eaecef); background:transparent; border:0; border-radius:5px; }
.traceon-language-options button:hover { background:var(--panel-2,#1e2329); }
.traceon-language-options button[aria-pressed=true] { color:var(--accent,#f0b429); background:var(--accent-soft,#f0b42912); }
.traceon-language-options button[aria-pressed=true]::after { content:'✓'; font-size:15px; }
.traceon-languages :focus-visible { outline:2px solid var(--accent,#f0b429); outline-offset:2px; }
@media(max-width:760px) { .topbar { flex-wrap:wrap; } }
@media print { .traceon-languages { display:none!important; } }