.site-header{letter-spacing:normal;z-index:1050;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#000000f2;align-items:center;height:56px;padding:0 max(48px,50vw - 720px);font-family:Noto Sans JP,ui-sans-serif,system-ui,sans-serif;line-height:1.5;display:flex;position:fixed;top:0;left:0;right:0}.site-header .sh-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.site-header .sh-left nav{align-items:center;gap:16px;display:flex}.site-header .sh-left nav a{color:#ffffff9e;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:300;text-decoration:none;transition:color .2s;display:flex}@media (hover:hover){.site-header .sh-left nav a:hover{color:#fafaf6}}.site-header .sh-left nav a .code{letter-spacing:.2em;opacity:.5;font-family:JetBrains Mono,monospace;font-size:10px;transition:color .2s,opacity .2s}@media (hover:hover){.site-header .sh-left nav a:hover .code{color:var(--accent);opacity:1}}.site-header .sh-center{flex-shrink:0;align-items:center;gap:10px;display:flex}.site-header .sh-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.site-header .sh-brand svg{flex:none}.site-header .sh-brand-text{letter-spacing:.01em;white-space:nowrap;color:var(--ink);font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:900}.site-header .sh-toggle{letter-spacing:.04em;align-items:stretch;margin-left:4px;font-family:Noto Sans JP,sans-serif;font-size:9px;font-weight:900;display:flex}.site-header .sh-toggle a,.site-header .sh-toggle span{white-space:nowrap;border:1px solid #ffffff2e;padding:3px 6px;text-decoration:none;transition:background .2s,color .2s}.site-header .sh-toggle span+a,.site-header .sh-toggle a+span{border-left:0}.site-header .sh-toggle .sh-active{color:#ffb454;background:#ffb4541f;border-color:#ffb45480}.site-header .sh-toggle a:not(.sh-active){color:var(--ink)}@media (hover:hover){.site-header .sh-toggle a:not(.sh-active):hover{color:#5ec8e8;background:#5ec8e826;border-color:#5ec8e880}}.site-header .sh-toggle a:not(.sh-active):active{background:#5ec8e838}.site-header .sh-toggle.sh-lang{margin-left:8px}.site-header .sh-toggle:not(.sh-lang) a:not(.sh-active){border-color:#5ec8e880}.site-header .sh-toggle.sh-lang a{letter-spacing:.12em;color:#ffffff9e;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:300}@media (hover:hover){.site-header .sh-toggle.sh-lang a:hover{color:var(--accent);border-color:var(--accent);background:0 0}}.site-header .sh-right{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.site-header .sh-right a{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.site-header .sh-btn-ghost{border:1px solid var(--line);color:var(--ink)}.site-header .sh-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.site-header .sh-btn-accent{border:1px solid var(--accent);color:var(--accent)}.site-header .sh-btn-accent:hover{background:var(--accent);color:var(--bg)}.site-header .sh-user{align-items:center;gap:10px;display:none}.site-header .sh-user-avatar{border:1.5px solid var(--accent);object-fit:cover;cursor:pointer;border-radius:50%;width:28px;height:28px}.site-header .sh-user-name{letter-spacing:.12em;color:var(--ink);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.site-header .sh-hb{cursor:pointer;appearance:none;background:0 0;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;margin-left:-8px;padding:0;display:none}.site-header .sh-hb i{background:#ffffff9e;width:20px;height:1.5px;transition:background .2s;display:block}@media (hover:hover){.site-header .sh-hb:hover i{background:var(--accent)}}.site-header .sh-hb:focus-visible i,.site-header.sh-open .sh-hb i{background:var(--accent)}.site-header .sh-left nav a:focus-visible{color:#fafaf6}.site-header .sh-acct{cursor:pointer;appearance:none;color:#ffffff9e;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:36px;height:36px;margin-right:-6px;padding:0;transition:color .2s;display:none}.site-header .sh-acct svg{display:block}@media (hover:hover){.site-header .sh-acct:hover{color:var(--accent)}}.site-header .sh-acct:focus-visible,.site-header.sh-acct-open .sh-acct{color:var(--accent)}.site-header .sh-acct-panel{z-index:20;border:1px solid var(--line);background:#000;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;display:none;position:absolute;top:100%;right:16px}.site-header .sh-acct-panel .sh-toggle.sh-lang{margin-left:0}@media (max-width:479px){.site-header .sh-acct-panel{right:12px}}.site-header .sh-acct-panel .sh-acct-toggle{display:none}@media (max-width:374px){.site-header .sh-center .sh-toggle:not(.sh-lang){display:none}.site-header .sh-acct-panel .sh-acct-toggle{display:flex}}@media (max-width:1023px){.site-header .sh-center .sh-lang{display:none}.site-header .sh-acct,.site-header.sh-acct-open .sh-acct-panel{display:flex}}@media (min-width:0){.site-header .sh-center{pointer-events:none;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);align-items:center;gap:0;height:100%;margin-left:0;padding:0 24px;display:grid;position:absolute;top:0;left:0;right:0}.site-header,html{scrollbar-gutter:stable both-edges}.site-header .sh-brand{pointer-events:auto;grid-area:1/2;gap:6px}.site-header .sh-brand svg{width:18px;height:18px}.site-header .sh-toggle:not(.sh-lang){pointer-events:auto;grid-area:1/3;justify-self:start;margin-left:8px}.site-header .sh-center .sh-lang{pointer-events:auto;grid-area:1/4;justify-self:end;margin-left:0}}@media (max-width:1199px){.site-header{flex-wrap:nowrap;padding:0 24px}.site-header .sh-right>a,.site-header .sh-user-name{display:none}}@media (min-width:1024px) and (max-width:1199px){.site-header .sh-right{display:none}}@media (max-width:479px){.site-header,.site-header .sh-center{padding:0 12px}}@media (min-width:1200px){.site-header .sh-center{padding:0 max(48px,50vw - 720px)}}@media (max-width:1023px){.site-header .sh-hb{display:flex}.site-header .sh-left{border-bottom:1px solid var(--line);background:#000;flex:none;gap:0;min-width:0;padding:4px 24px 12px;display:none;position:absolute;top:100%;left:0;right:0}.site-header.sh-open .sh-left{display:block}.site-header .sh-left nav{flex-direction:column;align-items:stretch;gap:0;display:flex}.site-header .sh-left nav a{gap:10px;padding:11px 0;font-size:14px}}@media (min-width:1024px) and (max-width:1199px){.site-header .sh-left{flex:auto;justify-content:flex-start;gap:16px;min-width:0;padding-bottom:0}.site-header .sh-left nav{flex-wrap:nowrap;gap:11px}.site-header .sh-left nav a{font-size:13px}}.site-header .sh-left nav a .code{display:none}@media (min-width:1560px){.site-header .sh-left nav a .code{display:inline}}