:root{--bg:#f2f1ec;--surface:#fff;--text:#17181c;--muted:#5f6473;--border:#e2e0d8;--chip:#e9e7df;--panel:#f7f6f3;--thumb:#fff;--star:#ff9500;--star-empty:#dcdbd5;--shadow:0 1px 2px #0b0c100a, 0 12px 32px -12px #0b0c101a;--shadow-hover:0 2px 4px #0b0c100d, 0 20px 40px -12px #0b0c102e;--radius-card:22px;--width-page:1440px;--width-prose:720px;--gutter:clamp(16px, 4vw, 40px);--font-sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "BIZ UDPGothic", "Yu Gothic UI", Meiryo, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#141518;--surface:#24262b;--text:#f2f2f3;--muted:#9a9ca6;--border:#3a3c43;--chip:#363840;--panel:#2d2f35;--thumb:#ffffff2e;--star:#ff9f0a;--star-empty:#4c4e56;--shadow:none;--shadow-hover:0 0 0 1px #fff3}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}*,:before,:after{box-sizing:border-box}html[data-site=ja] [data-site-variant=en],html[data-site=en] [data-site-variant=ja]{display:none!important}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}:lang(zh-hans){font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif}:lang(zh-hans) [lang]:not(:lang(zh-hans)){font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:8px}main,.site-header .inner,.site-footer{max-width:calc(var(--width-page) + var(--gutter) * 2 - 32px);padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));margin:0 auto}.site-header{z-index:10;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header:before{z-index:-1;background:color-mix(in srgb, var(--bg) 82%, transparent);content:"";backdrop-filter:blur(14px)saturate(1.4);position:absolute;inset:0}.site-header .inner{align-items:center;gap:24px;height:56px;display:flex}.brand{color:var(--text);letter-spacing:.02em;align-items:center;gap:8px;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.brand img{width:28px;height:28px}.menu{width:auto;height:auto;color:inherit;background:0 0;border:0;gap:24px;margin:0 0 0 auto;padding:0;display:flex;position:static;overflow:visible}.menu a{color:var(--muted);white-space:nowrap;font-size:.9375rem;font-weight:600;text-decoration:none;position:relative}.menu a:after{content:"";position:absolute;inset:-12px -8px}.menu a:hover,.menu a[aria-current]{color:var(--text)}.menu-button{display:none}.site-header .inner:has(.menu) .lang{margin-left:8px}@media (width<=599px){@supports selector(:popover-open){.site-header .inner:has(.menu){gap:12px}.menu-button{min-height:44px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:0 6px;font-size:.9375rem;font-weight:600;display:flex}.menu-chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;margin-top:-3px;transition:transform .18s;transform:rotate(45deg)}.menu-button:has(+.menu:popover-open) .menu-chevron{margin-top:3px;transform:rotate(-135deg)}.menu:not(:popover-open){display:none}.menu:popover-open{inset:calc(env(safe-area-inset-top) + 60px) max(var(--gutter), env(safe-area-inset-right)) auto auto;background:var(--surface);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-hover);border-radius:16px;flex-direction:column;gap:2px;padding:6px;position:fixed}.menu:popover-open a{min-height:44px;color:var(--text);border-radius:10px;align-items:center;padding:0 14px;font-size:1rem;display:flex}.menu:popover-open a:after{content:none}.menu:popover-open a:hover{background:var(--panel)}.menu:popover-open a[aria-current]{background:var(--chip)}}}.lang{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:999px;margin-left:auto;padding:3px;display:flex}.lang a{color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:5px 13px;font-size:.8125rem;font-weight:700;text-decoration:none;position:relative}.lang a:after{content:"";position:absolute;inset:-9px 0}.lang a:hover{color:var(--text)}.lang a[aria-current]{background:var(--thumb);color:var(--text);view-transition-name:lang-current;box-shadow:0 1px 2px #0b0c101f}.site-footer{padding-top:56px;padding-bottom:calc(32px + env(safe-area-inset-bottom));color:var(--muted);text-align:center;font-size:.875rem}@media (width<=599px){@supports not selector(:popover-open){.site-header .inner{gap:10px}.menu{gap:12px}.menu a{font-size:.875rem}.site-header .inner:has(.menu) .lang{margin-left:0}.lang a{padding-inline:10px}.menu a:after{inset:-12px -4px}.brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}@media (width<=359px){.site-header .inner:has(.menu){gap:10px}.menu-button{gap:5px;padding:0 4px;font-size:.875rem}.site-header .inner:has(.menu) .lang{margin-left:0}.site-header .inner:has(.menu) .lang a{padding-inline:10px}}