.header{gap:24px}
.header .language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;border:1px solid #fff3d930;border-radius:999px;padding:3px;font-size:11px}
.header .language-switch a{display:grid;place-items:center;min-width:38px;min-height:36px;padding:4px 9px;border-radius:999px;text-decoration:none}
.header .language-switch a[aria-current=page]{background:var(--accent);color:#281d35;font-weight:750}
.header .language-switch a:focus-visible{outline:2px solid #fff3d9;outline-offset:3px}
.screen-language-note{font-size:12px;color:var(--muted);line-height:1.6;margin:-6px 0 30px}
.screen-caption{color:var(--muted);font-size:15px;line-height:1.65;max-width:850px;margin:20px 0 0;padding-left:18px;border-left:3px solid var(--accent)}
.how-section .screen-caption{color:#625268;border-color:#62526880;margin:0 0 30px}
.dialog-body .screen-caption{font-size:13px;margin:0 0 23px}
.screen-inspect .screen-caption{font-size:13px;margin:18px auto 0}
html[lang=en] .hero h1{font-size:75px;letter-spacing:-3.8px}
html[lang=en] .mix-heading p{font-size:27px}
html[lang=en] .mix-question{letter-spacing:-1.4px}
html[lang=en] .mix-caption{font-size:12px}
html[lang=en] [data-scene=pro-nas] .mix-question{font-size:31px}
html[lang=en] .mix-tag{font-size:10px}
html[lang=en] .reaction-word{font-size:25px}
@media(max-width:1100px){.header{gap:16px}.header nav{gap:18px}html[lang=en] .hero h1{font-size:62px}html[lang=en] [data-scene=pro-nas] .mix-question{font-size:26px}}
@media(max-width:850px){.header{flex-wrap:wrap}.header>nav:not(.language-switch){margin-left:auto}.header .language-switch{margin-left:auto}html[lang=en] .hero h1{font-size:77px}html[lang=en] [data-scene=pro-nas] .mix-question{font-size:32px}}
@media(max-width:640px){
 .header{padding-top:18px;padding-bottom:16px;gap:12px}
 .header>.brand{order:0}.header-start{order:1;margin-left:auto}
 .header .language-switch{order:2;margin-left:auto;min-height:36px}
 .header .language-switch a{min-height:36px;min-width:38px}
 html[lang=en] .hero h1{font-size:55px;letter-spacing:-2.5px}
 html[lang=en] .mix-heading p{font-size:25px}
 html[lang=en] [data-scene=pro-nas] .mix-question{font-size:26px}
 html[lang=en] .mix-caption{font-size:11px}
 html[lang=en] .mix-tag{font-size:9px}
 html[lang=en] .mix-format{font-size:8px}
 html[lang=en] .mix-tab span{font-size:10px}
 html[lang=en] .mix-choice{font-size:15px}
 html[lang=en] [data-scene=pro-nas] .mix-choice{font-size:18px}
 html[lang=en] .mix-bottom{font-size:10px}
 .screen-caption{font-size:13px;padding-left:13px;margin-top:17px}
 .screen-language-note{font-size:11px}
}
@media(max-width:360px){html[lang=en] .hero h1{font-size:47px;letter-spacing:-2.3px}html[lang=en] [data-scene=pro-nas] .mix-question{font-size:23px}html[lang=en] .mix-choice{font-size:13px}html[lang=en] [data-scene=pro-nas] .mix-choice{font-size:16px}html[lang=en] .mix-heading p{font-size:22px}}