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