.web-language-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:8px max(16px,env(safe-area-inset-right));background:#151319;color:#edeaf0;font:12px/1.4 system-ui,sans-serif;border-bottom:1px solid #ffffff14}
.web-language-bar label{display:flex;align-items:center;gap:8px;margin:0;font:inherit;color:inherit}
.web-language-bar select,.web-language-bar button{width:auto;min-height:30px;margin:0;padding:4px 9px;border:1px solid #ffffff30;border-radius:7px;background:#25222b;color:#fff;font:inherit;cursor:pointer}
.web-language-bar select:focus-visible,.web-language-bar button:focus-visible{outline:2px solid #ff5075;outline-offset:2px}
.web-language-bar [hidden]{display:none!important}
.web-language-bar[hidden]{display:none!important}
html:not([lang="ko"]) :is(h1,h2,h3,p,button,a,label){word-break:normal;overflow-wrap:anywhere}
.localized-screen-note{font-size:11px!important;opacity:.7;margin-top:4px!important}
html[lang="ko"] .localized-screen-note{display:none}
html:lang(en) .assessment-page .test-option.recommended::before{content:"Recommended"}
html:lang(ja) .assessment-page .test-option.recommended::before{content:"おすすめ"}
html:lang(zh) .assessment-page .test-option.recommended::before{content:"推荐"}
/* The compact app header uses a CSS label, outside the text-node translator. */
@media(max-width:420px){
html:not([data-preview]):lang(en) .auth-button:not(.is-account) #authLabel::after{content:"Sign in"}
html:not([data-preview]):lang(ja) .auth-button:not(.is-account) #authLabel::after{content:"ログイン"}
html:not([data-preview]):lang(zh) .auth-button:not(.is-account) #authLabel::after{content:"登录"}
}