.language-slot { position: fixed; top: 1rem; right: clamp(1rem, 3vw, 2rem); z-index: 20; }
.bar .language-slot { position: static; }
.bar-actions { display: flex; align-items: center; gap: 0.85rem; }
.language-picker { position: relative; }
.language-picker summary {
  display: inline-flex; align-items: center; gap: 0.38rem; min-height: 2.15rem;
  padding: 0.32rem 0.55rem; color: var(--ink-soft); cursor: pointer;
  list-style: none; border: 1px solid var(--line); border-radius: 999px;
  background: rgba(12, 13, 12, 0.74); font: 500 0.73rem/1 "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0.035em; backdrop-filter: blur(12px);
}
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker summary:hover, .language-picker summary:focus-visible { color: var(--ink); border-color: #444; outline: none; }
.language-picker[open] summary { color: var(--ink); border-color: #555; }
.language-flag { font-size: 0.95rem; line-height: 1; }
.language-chevron { width: 0.45rem; height: 0.45rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.language-picker[open] .language-chevron { transform: rotate(225deg) translate(-1px, -1px); }
.language-menu {
  position: absolute; top: calc(100% + 0.55rem); right: 0; width: 11.75rem; padding: 0.38rem;
  background: rgba(18, 19, 18, 0.98); border: 1px solid #30312f; border-radius: 0.85rem;
  box-shadow: 0 20px 45px rgba(0,0,0,0.5);
}
.language-option {
  display: flex; align-items: center; width: 100%; gap: 0.65rem; padding: 0.6rem 0.65rem;
  color: var(--ink-soft); background: transparent; border: 0; border-radius: 0.55rem;
  cursor: pointer; font: 400 0.82rem/1.2 "Inter", -apple-system, BlinkMacSystemFont, sans-serif; text-align: left;
}
.language-option:hover, .language-option:focus-visible { color: var(--ink); background: #272825; outline: none; }
.language-option[aria-current="true"] { color: var(--ink); background: #20231f; }
.language-option .language-flag { width: 1.15rem; text-align: center; }
@media (max-width: 34rem) {
  .bar-actions { gap: 0.5rem; }
  .language-short { display: none; }
  .language-picker summary { min-width: 2.15rem; justify-content: center; padding: 0.32rem 0.46rem; }
  .language-picker summary .language-chevron { display: none; }
}