/* One visual language control, with an inherited Telegram dark palette. */
:root {
  --mira-lang-ink:#30243f; --mira-lang-accent:#7046e7; --mira-lang-surface:rgba(255,255,255,.98);
  --mira-lang-button:linear-gradient(145deg,#fff,#f8f5ff); --mira-lang-line:#e4dcf0;
  --mira-lang-hover:#f4effc; --mira-lang-selected:#eee7fc; --mira-lang-edge:rgba(255,255,255,.9);
  --mira-lang-shadow:0 6px 16px -7px #49366633,0 22px 48px -16px #49366644;
}
.telegram-page {
  --mira-lang-ink:#e8f2ff; --mira-lang-accent:#78cdf8; --mira-lang-surface:rgba(23,34,49,.98);
  --mira-lang-button:linear-gradient(145deg,#1d2b3d,#172231); --mira-lang-line:#344256;
  --mira-lang-hover:#25384b; --mira-lang-selected:#213d52; --mira-lang-edge:rgba(255,255,255,.055);
  --mira-lang-shadow:0 8px 20px -7px #0005,0 24px 52px -15px #0008;
  color-scheme:dark;
}
.mira-language,.ios-lang {position:relative;flex:none}
.mira-language-native {display:none!important}
.mira-language-button,.mira-global-header .ios-lang-btn,.legal-v2-header .mira-language-button {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;min-width:82px;min-height:44px;height:44px;padding:0 12px;border:1px solid var(--mira-lang-line);
  border-radius:14px;background:var(--mira-lang-button);color:var(--mira-lang-ink);
  box-shadow:0 3px 8px #412b690a,inset 0 1px 0 var(--mira-lang-edge);
  font:inherit;font-size:13px;font-weight:650;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;
  transition:background-color .2s,color .2s,border-color .2s,box-shadow .25s,scale .16s,translate .22s;
}
.mira-language-button[aria-expanded="true"],.ios-lang-btn[aria-expanded="true"] {
  background:var(--mira-lang-selected);border-color:color-mix(in srgb,var(--mira-lang-accent) 35%,var(--mira-lang-line));
  box-shadow:0 3px 12px #7551bb15;
}
.mira-language-name {display:none}
.mira-language-code {display:inline}
.mira-language-flag,.mira-global-header .ios-flag {
  width:20px;height:14px;flex:none;border-radius:3px;overflow:hidden;
  box-shadow:0 0 0 1px #30243f12;stroke:none;
}
.mira-language-chevron {width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .22s cubic-bezier(.22,1,.36,1)}
.mira-language-button[aria-expanded="true"] .mira-language-chevron {transform:rotate(180deg)}
.mira-language-list,.ios-page .ios-lang-list {
  box-sizing:border-box;position:fixed;z-index:4000;width:218px;min-width:0;margin:0;padding:6px;list-style:none;
  border:1px solid var(--mira-lang-line);border-radius:18px;background:var(--mira-lang-surface);color:var(--mira-lang-ink);
  box-shadow:var(--mira-lang-shadow),inset 0 1px 0 var(--mira-lang-edge);overflow-y:auto;overscroll-behavior:contain;
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);transform-origin:top right;
}
.ios-page .ios-lang-list {position:absolute;top:calc(100% + 10px);right:0;max-width:calc(100vw - 24px)}
.mira-language-option,.ios-page .ios-lang-list li {
  box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;justify-content:flex-start;
  gap:11px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:var(--mira-lang-ink);
  font:inherit;font-size:14px;font-weight:550;line-height:1.3;text-align:left;cursor:pointer;letter-spacing:0;
  transition:background-color .2s,color .2s,box-shadow .2s,scale .16s,translate .2s cubic-bezier(.22,1,.36,1);
}
.mira-language-option[aria-selected="true"],.ios-page .ios-lang-list li[aria-selected="true"] {
  background:var(--mira-lang-selected);color:var(--mira-lang-accent);font-weight:650;
}
.mira-language-check,.ios-page .ios-lang-list li[aria-selected="true"]::after {
  box-sizing:content-box;display:block;width:6px;height:11px;flex:none;margin:-3px 2px 0 auto;
  border-right:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg);color:var(--mira-lang-accent);
}
.mira-language-check {visibility:hidden}
.mira-language-option[aria-selected="true"] .mira-language-check {visibility:visible}
.mira-language-option:focus-visible,.ios-page .ios-lang-list li:focus-visible {
  outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mira-lang-accent) 45%,transparent);
}
.mira-language-button:focus-visible,.ios-lang-btn:focus-visible {outline:3px solid var(--mira-motion-ring,#c4a9ef);outline-offset:3px}
.mira-language-list[hidden],.ios-lang-list[hidden] {display:none!important}
@media (hover:hover) and (pointer:fine) {
  .mira-language-option:hover,.ios-page .ios-lang-list li:hover {background:var(--mira-lang-hover);translate:2px 0}
  .mira-language-option[aria-selected="true"]:hover,.ios-page .ios-lang-list li[aria-selected="true"]:hover {background:var(--mira-lang-selected)}
  .mira-language-button:hover,.mira-global-header .ios-lang-btn:hover {box-shadow:0 6px 16px #60418018;translate:0 -1px}
}
.mira-language-option:active,.ios-page .ios-lang-list li:active {scale:.975;translate:0 0;background:var(--mira-lang-selected)}
.mira-language-button:active,.mira-global-header .ios-lang-btn:active {scale:.96;translate:0 0}
@media (max-width:420px) {.mira-language-button,.mira-global-header .ios-lang-btn {padding:0 9px;gap:6px;min-width:78px}}
@media (prefers-reduced-motion:reduce) {
  .mira-language-button,.ios-lang-btn,.mira-language-chevron,.mira-language-option,.ios-page .ios-lang-list li {transition:none!important;translate:none!important;scale:1!important}
}