.language-picker{position:relative;flex:none}.language-trigger{min-height:42px;display:flex;align-items:center;gap:8px;padding:8px 10px;color:#f3f3f5;font:800 11px var(--font,Arial,sans-serif);border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#1b1b1e;border-color:#333338}.language-trigger img,.language-option img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff24;flex:none}.language-trigger svg{width:13px;height:13px;stroke:#a6a6af;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.language-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.language-menu{position:absolute;z-index:100;right:0;top:calc(100% + 7px);min-width:195px;padding:6px;border:1px solid #343439;border-radius:10px;background:#18181b;box-shadow:0 14px 35px #0008}.language-menu[hidden]{display:none!important}.language-option{display:flex;align-items:center;gap:10px;padding:11px 9px;border:0;border-radius:6px;width:100%;min-height:43px;background:transparent;color:#e8e8ed;font:600 12px var(--font,Arial,sans-serif);cursor:pointer;text-align:left}.language-option:hover{background:#29292e}.language-option[aria-checked=true]{background:#ffd60016;color:#ffe046}.language-option-code{margin-left:auto;font-size:9px;color:#8e8e99}.language-check{width:12px;visibility:hidden}.language-option[aria-checked=true] .language-check{visibility:visible}.language-picker button:focus-visible{outline:2px solid #ffd600;outline-offset:2px}@media(max-width:760px){.language-trigger{min-height:44px;padding:7px 5px;gap:6px}.language-menu{min-width:190px}.language-option{min-height:44px}}

/* Time zone picker: same surface as the language menu, opens to the left side. */
.timezone-picker{position:relative;flex:none}
.timezone-trigger{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #2c2c31;border-radius:10px;background:#141416;color:#e9e9ec;font:700 12px/1 var(--font,Arial,sans-serif);cursor:pointer;white-space:nowrap}
.timezone-trigger svg{flex:none;fill:none;stroke-linecap:round;stroke-linejoin:round}
.timezone-clock{width:16px;height:16px;stroke:#ffd600;stroke-width:1.7}
.timezone-time{font-variant-numeric:tabular-nums;color:#fff}
.timezone-city{color:#9a9aa1;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.timezone-chevron{width:13px;height:13px;stroke:#a6a6af;stroke-width:1.6;transition:transform .15s}
.timezone-trigger[aria-expanded=true] .timezone-chevron{transform:rotate(180deg)}
.timezone-menu{position:absolute;z-index:100;left:0;top:calc(100% + 8px);width:300px;max-height:min(440px,70vh);overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #343439;border-radius:12px;background:#18181b;box-shadow:0 18px 44px #000a;scrollbar-width:thin;scrollbar-color:#3b3b40 transparent}
.timezone-menu[hidden]{display:none!important}
.timezone-menu-title{padding:8px 10px 6px;color:#8e8e99;font:700 10px/1.2 var(--font,Arial,sans-serif);letter-spacing:.8px;text-transform:uppercase}
.timezone-option{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#e8e8ed;font:600 12px/1.25 var(--font,Arial,sans-serif);text-align:left;cursor:pointer}
.timezone-option:hover{background:#26262b}
.timezone-option[aria-checked=true]{background:#ffd60016;color:#ffe046}
.timezone-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timezone-option-name small{display:block;margin-top:2px;color:#8e8e99;font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis}
.timezone-option-offset{color:#8e8e99;font-size:10px;font-variant-numeric:tabular-nums}
.timezone-option-time{text-align:right;font-variant-numeric:tabular-nums;color:#c9c9cf}
.timezone-option[aria-checked=true] .timezone-option-time{color:#ffe046}
.timezone-picker button:focus-visible{outline:2px solid #ffd600;outline-offset:2px}