.translate-widget{position:fixed;left:20px;bottom:20px;z-index:150;font-family:'Be Vietnam Pro',system-ui,sans-serif}.translate-trigger{width:54px;height:54px;border:1px solid #baa0ed55;border-radius:50%;background:#211a30;color:#eee6ff;box-shadow:0 8px 30px #0006;cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s}.translate-trigger:hover{background:#3b2855;transform:translateY(-3px)}.translate-trigger svg{width:29px;height:29px}.translate-panel{position:absolute;bottom:68px;left:0;width:min(310px,calc(100vw - 40px));padding:22px;background:#171122;border:1px solid #b999e54d;border-radius:18px;box-shadow:0 20px 60px #0009;color:#eee6ff}.translate-panel[hidden]{display:none}.translate-panel h2{font-size:17px;margin:0 0 8px}.translate-panel p{font-size:12px;line-height:1.7;color:#b9aacb;margin:0 0 15px}.translate-panel label{display:block;font-size:12px;margin-bottom:8px}.translate-panel select{width:100%;padding:11px;border:1px solid #9975bf66;border-radius:8px;background:#261a37;color:#fff;font:inherit;font-size:13px}.translate-go{display:block;text-align:center;margin-top:14px;padding:12px;background:#a37be7;color:#140c20!important;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none}.translate-native{display:flex;gap:18px;margin-top:14px;font-size:12px}.translate-native a{color:#d4b9ff}.translate-widget :focus-visible{outline:2px solid #e2caff;outline-offset:4px}@media(prefers-reduced-motion:reduce){.translate-trigger{transition:none}}

/* Separate, readable native language options across homepage and document pages. */
.language-switch { display:flex; align-items:center; gap:6px; padding:5px; border:1px solid #b397d34d; border-radius:12px; background:#171024; }
.language-switch a { display:inline-flex; align-items:center; justify-content:center; min-width:76px; min-height:38px; padding:8px 12px; border:1px solid transparent; border-radius:8px; font:600 12px/1.2 'Be Vietnam Pro',system-ui,sans-serif; color:#bbaacb; text-decoration:none; white-space:nowrap; transition:background .2s,color .2s; }
.language-switch a:hover { background:#ffffff0b; color:#fff; }
.language-switch a[aria-current="page"] { color:#fff; background:#68458c; border-color:#bc94e580; box-shadow:0 2px 8px #0003; }
.translate-notice { position:absolute; left:0; bottom:66px; width:240px; padding:13px 16px; border:1px solid #aa80d766; border-radius:12px; background:#21162f; color:#f0e7ff; font-size:12px; line-height:1.6; box-shadow:0 10px 30px #0005; }
@media(max-width:530px) { .language-switch a { min-width:56px; padding:8px; font-size:11px; } .language-switch { gap:4px; padding:3px; } }