/* (i18n2) the language menu on the signed-in pages */
.tn-lang-app{position:relative}
.tn-lang-app .tn-lang-menu{display:none;box-sizing:border-box;padding:6px;border-radius:10px;border:1px solid var(--border,#1a1a2e);background:var(--surface,var(--card,#111118));z-index:10050}
.tn-lang-app.open .tn-lang-menu{display:block}
.tn-lang-inmenu .tn-lang-btn .tn-lang-code{margin-left:auto;font-size:10px;opacity:.7}
.tn-lang-inmenu .tn-lang-menu{position:static;margin:4px 0 6px}
.tn-lang-bar{display:inline-block}
.tn-lang-bar .tn-lang-btn{display:inline-flex;align-items:center;gap:6px;min-height:28px;background:rgba(127,127,127,.12);border:1px solid var(--border,var(--line,#1a1a2e));color:var(--dim,#888);padding:4px 10px;border-radius:6px;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.tn-lang-bar .tn-lang-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.tn-lang-bar .tn-lang-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
@media(max-width:640px){.tn-lang-bar .tn-lang-menu{position:fixed;left:12px;right:12px;top:64px;width:auto}}
.tn-lang-app .tn-lang-q{display:block;width:100%;box-sizing:border-box;margin:0 0 6px;padding:7px 10px;border:1px solid var(--border,var(--line,#1a1a2e));border-radius:8px;background:transparent;color:var(--text,var(--ink,#e0e0e0));font:inherit;font-size:12px;outline:none}
.tn-lang-app .tn-lang-q:focus{border-color:var(--accent,var(--green,#00b565))}
.tn-lang-app .tn-lang-list{max-height:min(45vh,340px);overflow-y:auto;overscroll-behavior:contain}
.tn-lang-app .tn-lang-opt{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--text,var(--ink,#e0e0e0));font:inherit;font-size:12px;text-align:left;cursor:pointer}
.tn-lang-app .tn-lang-opt:hover,.tn-lang-app .tn-lang-opt:focus-visible{background:rgba(0,255,136,.10);outline:none}
.tn-lang-app .tn-lang-opt.on{color:var(--accent,var(--green,#00b565));font-weight:700}
.tn-lang-app .tn-lang-opt small{font-size:10.5px;font-weight:400;color:var(--dim,#888);white-space:nowrap;text-transform:none;letter-spacing:0}
.tn-lang-app .tn-lang-sep{height:1px;margin:5px 4px;background:var(--border,var(--line,#1a1a2e))}
.tn-lang-app .tn-lang-empty,.tn-lang-app .tn-lang-by{padding:6px 10px;font-size:10.5px;color:var(--dim,#888)}
.tl-i18n-bar{position:fixed;left:0;right:0;top:0;height:2px;background:#00b565;z-index:2147483000;pointer-events:none;animation:tlI18nBusy 1.1s ease-in-out infinite}
@keyframes tlI18nBusy{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
/* (i18n2) the one-time note after the site switched to the device language */
.tl-i18n-hint{position:fixed;top:72px;right:16px;z-index:2147482000;max-width:340px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#111118;color:#f2f2f5;border:1px solid #2a2a3e;box-shadow:0 12px 40px rgba(0,0,0,.35);font:500 13px/1.45 -apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;text-align:left}
.tl-i18n-hint-b{display:flex;gap:8px;align-items:center}
.tl-i18n-hint button{font:inherit;font-size:12.5px;font-weight:700;border-radius:8px;padding:7px 12px;cursor:pointer;border:1px solid #2a2a3e;background:transparent;color:#f2f2f5}
.tl-i18n-hint .tl-i18n-hint-more{background:#00ff88;border-color:#00ff88;color:#04120b}
.tl-i18n-hint .tl-i18n-hint-x{margin-left:auto;border:0;padding:2px 8px;font-size:18px;line-height:1;opacity:.7}
@media(max-width:640px){.tl-i18n-hint{top:64px;left:12px;right:12px;max-width:none}}