.cnav{display:flex;align-items:center;gap:.5em;flex:none}.cnav-btn{display:flex;align-items:center;gap:.45em;height:2.6em;padding:0 .85em;border-radius:999px;border:1px solid var(--cnav-line, #e2e8ef);background:var(--cnav-bg, rgba(255, 255, 255, .9));color:var(--cnav-ink, #23303e);font-family:inherit;font-size:.92em;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:var(--cnav-shadow, 0 2px 10px rgba(35, 48, 62, .15))}.cnav-btn .caret{color:var(--cnav-muted, #6b7a89);flex:none}.cnav-btn .flag{font-size:1.15em;line-height:1}.cnav-btn:hover,.cnav-btn[aria-expanded=true]{border-color:var(--cnav-accent, #2f6fed);color:var(--cnav-accent, #2f6fed)}.cnav-btn:focus-visible{outline:2px solid var(--cnav-accent, #2f6fed);outline-offset:2px}.cnav-btn.cnav-compact .lang-name{display:none}.cnav-menu{position:fixed;z-index:120;background:var(--cnav-menu-bg, #fff);border:1px solid var(--cnav-line, #e2e8ef);border-radius:12px;box-shadow:0 12px 32px #23303e38;padding:.3em;display:flex;flex-direction:column;min-width:10.5em}.cnav-menu button{display:flex;align-items:center;gap:.6em;background:none;border:none;border-radius:8px;padding:.45em .7em;font:inherit;font-size:.85em;color:var(--cnav-ink, #23303e);cursor:pointer;text-align:left;white-space:nowrap}.cnav-menu button:hover{background:var(--cnav-hover, #e6eefc)}.cnav-menu button[aria-checked=true]{color:var(--cnav-accent, #2f6fed);font-weight:600}.cnav-menu button:focus-visible{outline:2px solid var(--cnav-accent, #2f6fed);outline-offset:-2px}.cnav-fixed{position:fixed;top:1.2rem;right:1.2rem;z-index:100}