#site-language{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:1100px;padding:14px 24px 4px;margin:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif}
#site-language .language-caption{font-size:10px;letter-spacing:.4px;color:light-dark(#68776f,#abbab1);margin-right:6px}
#site-language button{font-family:inherit;display:grid;place-items:center;min-width:34px;height:32px;padding:0 7px;background:transparent;border:1px solid transparent;border-radius:8px;color:light-dark(#68776f,#abbab1);font-size:12px;font-weight:600;cursor:pointer;touch-action:manipulation}
#site-language button[aria-pressed=true]{background:light-dark(#edf3ee,#263e30);border-color:light-dark(#ceddd1,#4c7158);color:light-dark(#245c43,#a5d9b8)}
#site-language button:focus-visible{outline:3px solid #397259;outline-offset:3px}
.info-page #site-language{max-width:760px;color-scheme:light}
html[lang=en] #app .book-short{display:none}html[lang=en] #app .book-full{display:inline}html[lang=en] #app nav button,html[lang=ja] #app nav button{font-size:12px;line-height:1.4}
@media(max-width:520px){#site-language{padding:10px 20px 3px}.info-header{padding-top:14px}#site-language .language-caption{display:none}#site-language button{min-width:36px;height:34px}}

html[lang=ja] body,html[lang=ja] #app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}

body:not(.info-page) #site-language{flex:0 0 auto;width:auto;max-width:none;align-self:flex-end;margin:14px clamp(20px,4vw,48px) 0 auto;padding:4px;gap:3px;background:light-dark(#ffffff46,#25332d55);border:1px solid light-dark(#ffffff9c,#ffffff18);border-radius:24px;box-shadow:inset 0 1px 0 light-dark(#fff9,#ffffff08),0 3px 16px #20352c04;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}
body:not(.info-page) #site-language .language-caption{display:none}
body:not(.info-page) #site-language button{min-width:35px;height:30px;border-radius:18px;border:0;background:transparent}
body:not(.info-page) #site-language button[aria-pressed=true]{background:light-dark(#ffffffc9,#405c4d);color:light-dark(#254f49,#d9f4e5);box-shadow:0 2px 8px #20352c0a,inset 0 1px 0 light-dark(#fff,#ffffff10)}
@media(max-width:520px){body:not(.info-page) #site-language{margin-top:12px;margin-right:20px}}
@media(prefers-reduced-transparency:reduce){body:not(.info-page) #site-language{backdrop-filter:none;-webkit-backdrop-filter:none;background:light-dark(#edf2ef,#26352e)}}

body:not(.info-page) #site-chrome #site-language{margin:0;padding:4px;align-self:auto;flex:0 0 auto}

#site-update{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:calc(100% - 32px);max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid light-dark(#d4e0d8,#45634f);border-radius:18px;background:light-dark(#f7faf6f2,#213329f2);color:light-dark(#20352c,#e6eee8);box-shadow:0 8px 28px #20352c18;backdrop-filter:blur(20px);font:13px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif}#site-update button{flex-shrink:0;border:0;border-radius:12px;padding:9px 13px;background:#245c43;color:#fff;font:inherit;cursor:pointer}#site-update button:disabled{opacity:.6;cursor:default}@media(max-width:390px){#site-update{gap:10px;font-size:12px;padding:12px 14px}}