.fw-language { position: relative; flex-shrink: 0; color: #d9d5d1; font: 500 12px/1 'IBM Plex Sans', sans-serif; }
.fw-language > summary { display: flex; align-items: center; justify-content: center; gap: 7px; height: 40px; min-width: 48px; padding: 0 10px; border: 1px solid #ffffff12; border-radius: 13px; cursor: pointer; list-style: none; background: #ffffff03; transition: border-color .2s, color .2s; }
.fw-language > summary::-webkit-details-marker { display: none; }
.fw-language > summary i { width: 4px; height: 4px; border: solid currentColor; border-width: 0 1px 1px 0; transform: rotate(45deg) translateY(-1px); opacity: .55; }
.fw-language[open] > summary { color: #ffd2ad; border-color: #ff9a5144; box-shadow: 0 0 18px #ff75000a; }
.fw-language-menu { position: absolute; z-index: 200; top: calc(100% + 10px); right: 0; width: 170px; padding: 5px; border: 1px solid #ffab6430; border-radius: 14px; background: #0e0f11; box-shadow: 0 14px 40px #0009, 0 0 25px #ff75000b; }
.fw-language-menu button { display: flex; width: 100%; align-items: center; gap: 12px; border: 0; border-radius: 9px; padding: 13px 10px; background: transparent; color: #aaa8a6; text-align: left; cursor: pointer; }
.fw-language-menu button b { font: 500 10px 'IBM Plex Mono', monospace; }
.fw-language-menu button span { flex: 1; }
.fw-language-menu button[aria-pressed="true"] { background: #ff9a510c; color: #ffceaa; }
.fw-language-menu button[aria-pressed="true"] i { width: 4px; height: 4px; border-radius: 50%; background: #ffb47e; box-shadow: 0 0 8px #ff8c48; }
.fw-language summary:focus-visible, .fw-language button:focus-visible { outline: 2px solid #ffb47e; outline-offset: 3px; }
.fw-language button:hover { color: #fff1e3; background: #ffffff06; }
.auth-language { position: fixed; z-index: 160; top: 18px; right: 18px; }
.fw-user-body .fw-brand-copy small { text-transform: none; letter-spacing: .025em; font: 400 10px/1.5 'IBM Plex Sans', sans-serif; }
@media (max-width: 1280px) { .fw-user-body .fw-user-pill { display: none; } }
@media (max-width: 640px) {
  .fw-language > summary { height: 34px; min-width: 34px; padding: 0 6px; border-radius: 11px; }
  .fw-language > summary i { display: none; }
  .fw-user-body .fw-top-actions { gap: 3px; }
}
@media (max-width: 380px) {
  .fw-user-body .fw-topbar { grid-template-columns: 30px 74px minmax(0,1fr); gap: 2px; padding: 4px; }
  .fw-user-body .fw-brand-pill { width: 30px; min-width: 30px; padding: 0; }
  .fw-user-body .fw-top-tabs { width: 74px; --tab-height: 34px; --tab-inset: 2px; }
  .fw-user-body .fw-top-tab { padding: 7px; }
  .fw-user-body .fw-top-actions { gap: 2px; }
  .fw-user-body .fw-credit-button { width: 28px; min-width: 28px; }
  .fw-user-body .fw-icon-pill { width: 27px; min-width: 27px; padding: 0; }
  .fw-language > summary { min-width: 28px; height: 30px; padding: 0 4px; font-size: 10px; }
  .fw-user-body .fw-balance-pill { padding: 0 4px; gap: 3px; }
  .fw-user-body .fw-balance-pill strong { white-space: nowrap; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .fw-language > summary { transition: none; } }