.language-trigger,.language-dismiss,.language-option,.language-system{font:inherit;cursor:pointer;color:var(--textPrimary,#f9f7f9)}
.language-trigger{display:flex;align-items:center;gap:8px;min-height:44px;max-width:200px;padding:10px 12px;border-radius:14px;border:1px solid #7776;background:var(--surface,#242229);font-size:14px;font-weight:600}
.language-trigger .language-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-trigger .language-flag{width:24px;height:18px;flex:none}.language-chevron{display:block;width:16px;height:16px;flex:0 0 16px;align-self:center;margin-inline-start:4px}
.language-flag{object-fit:contain;flex:none}.language-name{line-height:1.3}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.display-language{display:flex;justify-content:flex-end;padding:16px 20px 0}
body.language-dialog-open{overflow:hidden}
.language-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(720px,calc(100% - 48px));max-width:none;max-height:85dvh;margin:auto;padding:24px;border:1px solid #7775;border-radius:28px;background:var(--canvas,#141319);color:var(--textPrimary,#f9f7f9);box-shadow:0 24px 90px #0005;overflow:hidden;font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:start}
.language-dialog[open]{display:flex;flex-direction:column;gap:16px;animation:language-enter .18s ease-out}
.language-dialog::backdrop{background:#11182080;backdrop-filter:blur(5px)}
.language-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.language-dialog-heading h2{font-size:24px;margin:0;letter-spacing:-.5px}
.language-dismiss{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;font-size:28px;line-height:1;background:var(--surface,#242229)}
.language-search{box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;border:1px solid #7776;border-radius:14px;background:var(--surface,#242229);color:inherit;font:inherit;flex:none}
.language-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:3px;scrollbar-width:thin}
.language-system{width:100%;min-height:48px;padding:12px;border:1px solid #7775;border-radius:14px;background:var(--surface,#242229);margin-bottom:16px;text-align:start;font-size:14px}
.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.language-option{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:106px;min-width:0;padding:16px 8px;border:1px solid #7775;border-radius:16px;background:var(--surface,#242229);font-size:13px;text-align:center}
.language-option .language-name{overflow-wrap:anywhere}.language-option .language-flag{width:40px;height:28px}
.language-option[aria-pressed=true],.language-system[aria-pressed=true]{background:color-mix(in srgb,#D5E66B 16%,var(--surface,#242229));border-color:var(--sideB,#D5E66B)}
.language-check{position:absolute;top:7px;inset-inline-end:9px;color:var(--sideB,#D5E66B);font-weight:800}
.language-empty{font-size:14px;color:var(--textSecondary,#c8c1c8);text-align:center}.language-empty[hidden]{display:none}
.language-trigger:focus-visible,.language-dialog button:focus-visible,.language-search:focus-visible{outline:3px solid var(--accent,#C78FB9);outline-offset:2px}
@media(max-width:600px){.language-dialog{inset:auto 0 0;width:100%;max-height:88dvh;margin:0;padding:16px 16px max(20px,env(safe-area-inset-bottom));border-radius:26px 26px 0 0;border-bottom:0}.language-dialog:before{content:'';width:36px;height:4px;flex:none;border-radius:4px;background:#8887;margin:-4px auto 0}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.language-option{font-size:12px;min-height:100px}}
@media(max-width:420px){.site-header{flex-wrap:wrap;gap:8px}.site-header img{width:120px}.language-trigger{max-width:180px}.header-tools{gap:8px;margin-left:auto}#account:not(:empty){order:2;flex-basis:100%;justify-content:flex-end}.header-tools:has(#account:not(:empty)){flex-basis:100%}}
@media(max-width:360px){.language-trigger{max-width:154px;font-size:12px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes language-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.language-dialog[open]{animation:none}}
/* Compact mobile header: language/account stay alongside the logo. */
@media(max-width:420px){.site-header .header-tools:has(#account:not(:empty)){flex-basis:auto;flex-wrap:nowrap;margin-left:auto;gap:6px}.site-header #account:not(:empty){order:0;flex-basis:auto}.site-header .language-trigger{padding:10px;max-width:80px;gap:5px}.site-header .language-trigger .language-name{display:none}.site-header .language-trigger .language-chevron{margin-inline-start:0;width:12px;flex-basis:12px}.site-header .account-menu summary{font-size:13px;gap:8px}.site-header:has(.landing-nav:not([hidden])){gap:10px}}