:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#f5f5f3;color:#111}body{display:grid;grid-template-rows:44px 1fr}.frame-bar{display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #d8d8d4;background:#fff;font-size:12px}.frame-bar a{color:inherit;text-decoration:none}.frame-bar a:hover{text-decoration:underline}.frame-bar strong{margin-right:auto;font-size:12px;letter-spacing:.06em}.frame-bar span{color:#666}.app-frame{width:100%;height:100%;border:0;background:#fff}@media(max-width:560px){.frame-bar{padding:0 10px}.frame-bar span{display:none}}

html[lang="en"] [data-lang="ja"],html[lang="ja"] [data-lang="en"]{display:none!important}.frame-bar #lang-toggle{padding:4px 8px;color:#444;font:inherit;background:#f5f5f3;border:1px solid #d8d8d4;border-radius:4px;cursor:pointer}.frame-bar #lang-toggle:hover{background:#ebebe7}.frame-bar #lang-toggle:focus-visible{outline:2px solid #555;outline-offset:2px}

html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"],html[data-theme="dark"] body{color:#f2f2f0;background:#111315}
html[data-theme="dark"] .frame-bar{background:#1a1c1f;border-bottom-color:#3b3d3f}
html[data-theme="dark"] .frame-bar span{color:#aaa9a4}
html[data-theme="dark"] .frame-bar #lang-toggle{color:#e8e8e5;background:#25282c;border-color:#45484d}
html[data-theme="dark"] .frame-bar #lang-toggle:hover{background:#30343a}
.frame-bar #theme-toggle{display:inline-grid;width:28px;height:28px;padding:0;place-items:center;color:#444;font:inherit;background:#f5f5f3;border:1px solid #d8d8d4;border-radius:4px;cursor:pointer}
.frame-bar #theme-toggle:hover{background:#ebebe7}
.frame-bar #theme-toggle:focus-visible{outline:2px solid #555;outline-offset:2px}
html[data-theme="dark"] .frame-bar #theme-toggle{color:#e8e8e5;background:#25282c;border-color:#45484d}
html[data-theme="dark"] .frame-bar #theme-toggle:hover{background:#30343a}
.frame-bar .frame-home{display:flex;flex:0 0 auto;border-radius:6px;transition:opacity .15s ease}.frame-bar .frame-home:hover{opacity:.82;text-decoration:none}.frame-bar .frame-home:focus-visible{outline:2px solid #555;outline-offset:2px}.frame-bar .frame-home svg{display:block;width:22px;height:22px}