.language-picker{position:relative;flex-shrink:0}.language-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);min-width:62px;height:36px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;cursor:pointer;font:600 10px/1.3 'DM Sans','Noto Sans Myanmar',sans-serif;white-space:nowrap}.language-toggle svg{width:18px;height:18px;flex-shrink:0}.language-toggle:hover,.language-toggle[aria-expanded=true]{color:var(--teal);border-color:var(--teal)}.language-toggle:focus-visible,.language-options button:focus-visible{outline:3px solid var(--peach,#ffb593);outline-offset:3px}.language-options{position:absolute;right:0;top:calc(100% + 12px);width:205px;max-width:calc(100vw - 32px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 16px 40px #07152933;z-index:40}.language-options[hidden]{display:none}.language-heading{display:block;font-size:11px;color:var(--muted);padding:2px 10px 9px}.language-choices{display:grid;gap:4px}.language-options button{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.8;cursor:pointer}.language-options button[aria-pressed=true]{background:var(--surface);color:var(--teal);font-weight:700}.language-options button[aria-pressed=true]:after{content:'✓';float:right}.language-options button:hover{background:var(--surface)}.language-feedback{margin:0;font:12px/1.5 sans-serif;color:var(--muted)}.language-feedback:not(:empty){margin:10px 4px 0}
html:lang(th){--translation-body:'Noto Sans Thai',Tahoma,sans-serif;--translation-head:'Pridi','Noto Sans Thai',serif}html:lang(zh){--translation-body:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--translation-head:'Noto Serif SC','Songti SC',serif}html:lang(my){--translation-body:'Noto Sans Myanmar','Myanmar Text',sans-serif;--translation-head:'Noto Serif Myanmar','Myanmar Text',serif}
html:not(:lang(en)) body{font-family:var(--translation-body);line-height:1.9}html:not(:lang(en)) :is(h1,h2,h3,.scribble,.scene-caption,.scene-caption .caption-highlight){font-family:var(--translation-head);font-style:normal;letter-spacing:0;line-height:1.6}html:not(:lang(en)) :is(button,.eyebrow,.category,.tags,.mountain-caption){letter-spacing:0;text-transform:none}html:not(:lang(en)) :is(p,a,span,h1,h2,h3){overflow-wrap:anywhere}html:not(:lang(en)) .brand{font-family:Manrope,'DM Sans',sans-serif;overflow-wrap:normal;white-space:nowrap}html:not(:lang(en)) .hero h1{font-size:clamp(32px,4.1vw,54px)}html:not(:lang(en)) .hero{padding-top:55px;padding-bottom:165px}html:not(:lang(en)) :is(.links,.nav-links){gap:18px}html:not(:lang(en)) .scene-caption{font-size:15px;line-height:2}html:not(:lang(en)) .scene{margin-bottom:22px}html:not(:lang(en)) .caption-highlight{padding:.2em .5em}html:not(:lang(en)) .eyebrow{font-size:13px}html:not(:lang(en)) .strip{gap:18px;flex-wrap:wrap}html:not(:lang(en)) .actions{flex-wrap:wrap}html:lang(my) :is(p,.tags,.project-meta,.language-options button){line-height:2.1}html:not(:lang(en)) .timeline article{grid-template-columns:115px 1fr}html:not(:lang(en)) .project-header h1{font-size:clamp(30px,4.3vw,52px)}html:not(:lang(en)) .story-content :is(p,li){font-size:16px;line-height:2}html:not(:lang(en)) .closing .btn{white-space:normal}html:not(:lang(en)) footer{gap:20px;flex-wrap:wrap}
@media(max-width:800px){html:not(:lang(en)) :is(.links,.nav-links){gap:10px}html:not(:lang(en)) .nav-inner{height:auto;min-height:80px;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}html:not(:lang(en)) .links,html:not(:lang(en)) .nav-links{margin-left:auto}html:not(:lang(en)) .hero{padding-top:35px}html:not(:lang(en)) .timeline article{grid-template-columns:92px 1fr}html:not(:lang(en)) .about h2{font-size:32px}}
@media(max-width:480px){.language-toggle{height:32px;min-width:53px;padding:0 6px;font-size:9px}.language-toggle svg{width:16px;height:16px}.appearance-controls{gap:6px!important}.links,.nav-links{gap:10px}.nav-inner{gap:10px;flex-wrap:wrap;height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}.brand{font-size:16px}html:not(:lang(en)) .links{flex-wrap:wrap;justify-content:flex-end}html:not(:lang(en)) .scene-caption{font-size:13px}html:not(:lang(en)) .hero h1{font-size:34px}}