@import "https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Atkinson+Hyperlegible:wght@400;700&family=IBM+Plex+Mono:wght@400;700&display=swap";:root{color-scheme:light;--bg:#fbf9f5;--tint:#e8e3da;--mute:#6e665f;--fg:#1a1714;--acc-100:#d6f4fd;--acc-200:#bdecfa;--acc-300:#9fe2f7;--acc-400:#7ed5f2;--acc-500:#56c4e9;--acc-600:#2fadd5;--acc-700:#0e9bc4;--acc-800:#0b7fa8;--acc-900:#08658a;--accent:var(--acc-200);--on-accent:#1a1714;--accent-hover:var(--acc-400);--surface-hover:#e8e3da;--vio-100:#efe8f7;--vio-200:#dfd2ef;--vio-300:#c7aeea;--vio-400:#ac8dd8;--vio-500:#9270c4;--vio-600:#7c58ac;--vio-700:#6b4a8f;--vio-800:#573a75;--vio-900:#422b59;--violet:var(--vio-700);--link:#08658a;--link-hover:#1a1714;--link-visited:var(--violet);--success:#2f6b4a;--warn:#8a5a12;--error:#a33327;--info:#bdecfa;--line:#e8e3da;--line-strong:#1a1714;--border-quiet:#c1b9ac;--focus-ring:var(--acc-800)}[data-theme=light]{--bg:#fbf9f5;--tint:#e8e3da;--mute:#6e665f;--fg:#1a1714;--border-quiet:#c1b9ac;--surface-hover:#e8e3da;--focus-ring:#0b7fa8;--violet:var(--vio-700);--link:#08658a;--link-hover:#1a1714;--link-visited:var(--violet);--success:#2f6b4a;--warn:#8a5a12;--error:#a33327;--line:#e8e3da;--line-strong:#1a1714;--border:var(--border-width) solid #e8e3da;--border-strong:var(--border-width) solid #1a1714}[data-theme=dark]{color-scheme:dark;--bg:#1e1c1a;--tint:#322e2a;--mute:#9a928a;--fg:#ede8df;--border-quiet:#a39b92;--surface-hover:#28404a;--focus-ring:#7ed5f2;--violet:var(--vio-300);--link:#7ed5f2;--link-hover:#ede8df;--link-visited:var(--violet);--success:#7fc79e;--warn:#e0b067;--error:#f0918a;--line:#6b6661;--line-strong:#ede8df;--border:var(--border-width) solid #6b6661;--border-strong:var(--border-width) solid #ede8df}:root{--font-ja:"BIZ UDPGothic","BIZ UDPGothic Fallback","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--font-en:"Atkinson Hyperlegible",system-ui,sans-serif;--font-sans:var(--font-ja);--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--w-regular:400;--w-bold:700;--size-sm:.75rem;--size-body:1rem;--size-lead:1.25rem;--size-h3:1.5rem;--size-h2:1.75rem;--size-h1:2rem;--size-display:2.5rem;--lh-body:1.9;--lh-heading:1.42;--lh-tight:1.28;--tracking-heading:-.015em;--ruby-size:.5em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius:8px;--radius-full:999px;--border-width:2px;--border:var(--border-width) solid var(--line);--border-strong:var(--border-width) solid var(--line-strong);--focus-width:2px;--focus-offset:4px;--icon-sm:1.25rem;--icon-md:1.5rem;--gutter:var(--space-6)}@media (width<=30rem){:root{--gutter:var(--space-4)}}@font-face{font-family:BIZ UDPGothic Fallback;font-style:normal;font-weight:400;src:local(HiraginoSans-W3);size-adjust:91.7%}@font-face{font-family:BIZ UDPGothic Fallback;font-style:normal;font-weight:700;src:local(HiraginoSans-W6);size-adjust:92.6%}@font-face{font-family:BIZ UDPGothic Fallback;font-style:normal;font-weight:400;src:local(HiraginoSans-W3);size-adjust:111.75%;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:BIZ UDPGothic Fallback;font-style:normal;font-weight:700;src:local(HiraginoSans-W6);size-adjust:105.08%;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;font-size:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--size-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}:lang(ja){font-family:var(--font-ja)}:lang(en){font-family:var(--font-en)}:lang(ja){word-break:keep-all;overflow-wrap:anywhere;line-break:strict}:lang(ja) .no-wbr,:lang(ja) .no-wbr *{word-break:normal}ruby{ruby-position:over;line-height:1}rt{font-size:var(--ruby-size);font-weight:var(--w-regular);color:inherit;line-height:1;text-emphasis:none}img,svg,video{max-width:100%;display:block}hgroup{margin:0;padding:0}h1,h2,h3{font-weight:var(--w-bold);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);text-wrap:balance}h1{font-size:var(--size-h1)}h2{font-size:var(--size-h2)}h3{font-size:var(--size-h3)}p{text-wrap:pretty}:focus{outline:none}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}a{color:var(--link)}a:visited{color:var(--link-visited)}a:hover,a:visited:hover{color:var(--link-hover)}a:not([class]){border-bottom:var(--border-width) solid currentColor;padding:0 .1em;text-decoration:none;transition:color .12s linear}mark,.accent{background:var(--accent);color:var(--on-accent);box-decoration-break:clone;padding:.08em .2em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.icon{vertical-align:middle;width:var(--icon-md);height:var(--icon-md);flex:none;display:inline-block}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.link-icon{align-items:center;gap:var(--space-1);text-decoration:none;transition:color .12s linear;display:inline-flex}.link-icon>span{border-bottom:var(--border-width) solid currentColor;padding:0 .1em}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--size-body);font-weight:var(--w-bold);min-height:3rem;padding:var(--space-3) var(--space-6);border-radius:var(--radius);color:var(--fg);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;line-height:1;text-decoration:none;transition:background-color .12s linear,box-shadow .12s linear;display:inline-flex}.btn:hover{color:var(--fg);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-secondary{box-shadow:inset 0 0 0 var(--border-width) var(--border-quiet)}.btn-secondary:hover{background:var(--surface-hover)}.btn-sm{min-height:2.5rem;padding:var(--space-2) var(--space-4);font-size:var(--size-sm)}.btn-rounded{border-radius:var(--radius-full)}.btn-full{width:100%}.icon-btn{border-radius:var(--radius);width:3rem;min-width:3rem;height:3rem;color:var(--fg);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background-color .12s linear,box-shadow .12s linear;display:inline-flex}.icon-btn svg{flex:none;width:1em;height:1em}.icon-btn-sm{width:2.5rem;min-width:2.5rem;height:2.5rem;font-size:1rem}.icon-btn-lg{width:3.5rem;min-width:3.5rem;height:3.5rem;font-size:1.5rem}.icon-btn-primary,.icon-btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.icon-btn-primary:hover,.icon-btn[aria-pressed=true]:hover{background:var(--accent-hover)}.icon-btn-secondary{box-shadow:inset 0 0 0 var(--border-width) var(--border-quiet)}.icon-btn-secondary:hover{background:var(--surface-hover)}.icon-btn[aria-pressed=true]{box-shadow:inset 0 0 0 var(--border-width) var(--border-quiet)}.icon-btn-rounded{border-radius:var(--radius-full)}.icon-btn:disabled{opacity:.4}.card{background:var(--bg);color:var(--fg);border:var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.card-inline{flex-direction:row}.card-thumb{background:var(--tint);aspect-ratio:8/5;border-block-end:var(--border);flex:none;align-self:stretch;overflow:hidden}.card-inline{block-size:var(--card-h)}.card-inline>.card-thumb{border-block-end:0;border-inline-end:var(--border);flex:none;align-self:stretch;inline-size:auto}@container card (width<=4em){.card-inline{flex-direction:column;block-size:auto}.card-inline>.card-thumb{border-block-end:var(--border);border-inline-end:0;flex:none;align-self:stretch;inline-size:100%}}.card-thumb img,.card-thumb video{object-fit:cover;block-size:100%;inline-size:100%}.card-body{min-inline-size:0;padding:var(--space-6);gap:var(--space-2);flex-direction:column;flex:auto;display:flex}.card-head{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.card-head h3,.card-body p{margin:0}.card-foot{align-items:stretch;gap:var(--space-2);flex-direction:column;margin-block-start:auto;padding-block-start:var(--space-4);display:flex}.card-foot>a:not([class]){align-self:end}.pills{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.pill{min-block-size:1.5rem;padding:0 var(--space-2);background:var(--tint);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--size-sm);line-height:var(--lh-tight);white-space:nowrap;align-items:center;display:inline-flex}.site-header{z-index:10;background:var(--bg);position:sticky;inset-block-start:0}.site-header>.site-header-in{align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block-end:var(--border-width) solid var(--border-quiet);flex-wrap:wrap;display:flex;container:site-header/inline-size}.site-header .controls{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}:root{--header-h:calc(2.5rem + var(--space-4) * 2 + var(--border-width))}[id]{scroll-margin-block-start:calc(var(--header-h) + var(--space-6))}.wordmark-link{font-size:clamp(1rem,6.25cqi,var(--size-h3));font-weight:var(--w-bold);letter-spacing:var(--tracking-heading);line-height:var(--lh-tight);color:var(--fg);white-space:nowrap;text-decoration:none}.wordmark-link:hover,.wordmark-link:visited{color:var(--fg);text-decoration:none}.brand{font-weight:var(--w-bold);font-size:var(--size-h3);letter-spacing:var(--tracking-heading);color:var(--fg);white-space:nowrap;align-items:center;gap:.762em;line-height:1;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:1.442em;height:1.596em}.brand:hover,.brand:visited{color:var(--fg);text-decoration:none}.brand-mark{display:block}[data-theme=dark] .brand-mark-light,:root:not([data-theme=dark]) .brand-mark-dark{display:none}.brand-accent{color:#c77e12}[data-theme=dark] .brand-accent{color:#ffc34d}.control{block-size:2.5rem;color:var(--fg);box-shadow:inset 0 0 0 var(--border-width) var(--border-quiet);border-radius:var(--radius-full);background:0 0;border:none;font-family:inherit;transition:background-color .12s linear}.control:hover{background:var(--surface-hover)}.theme-toggle{justify-content:center;align-items:center;inline-size:2.5rem;padding:0;display:inline-flex}.theme-toggle .to-light{display:none}[data-theme=dark] .theme-toggle .to-light{display:block}[data-theme=dark] .theme-toggle .to-dark{display:none}.lang-switch{border-radius:var(--radius-full);block-size:2.5rem;box-shadow:inset 0 0 0 var(--border-width) var(--border-quiet);align-items:center;transition:background-color .12s linear;display:inline-flex;position:relative}.lang-switch:hover{background:var(--surface-hover)}.lang-face{align-items:center;gap:var(--space-2);padding-inline:var(--space-3);font-family:var(--font-mono);font-size:var(--size-sm);color:var(--fg);pointer-events:none;display:flex}.lang-face .chevron{color:var(--mute);display:flex}.lang-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--fg);pointer-events:none;justify-content:center;align-items:center;display:none}.lang-select{appearance:none;color:#0000;border-radius:var(--radius-full);block-size:100%;inline-size:100%;font-family:var(--font-mono);font-size:var(--size-sm);background:0 0;border:none;padding:0;position:absolute;inset:0}.lang-select option{color:var(--fg)}@container site-header (width<=25rem){.lang-face{display:none}.lang-icon{display:flex}}.site-footer{border-block-start:var(--border);padding-block:var(--space-12) var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.site-footer.slim{padding-block:var(--space-8)}.footer-row{gap:var(--space-8) var(--space-12);flex-wrap:wrap;align-items:end;display:flex;container-type:inline-size}.footer-brand{gap:var(--space-1);flex-direction:column;flex:20rem;display:flex}.footer-brand p{max-inline-size:32em;margin:0}.footer-nav{text-wrap:balance;text-align:end;flex:auto;margin-inline-end:calc(-1 * var(--space-4));line-height:2rem;display:block}.footer-nav a{line-height:var(--lh-tight);margin-inline-end:var(--space-4);display:inline-block}@container (width<=49rem){.footer-nav{text-align:start}}.site-footer a,.site-footer a:visited{color:var(--fg);border-bottom:0;padding:0;text-decoration:none}.site-footer a:hover{color:var(--fg);text-underline-offset:.2em;text-decoration:underline}.footer-nav,.footer-bottom{font-size:var(--size-sm)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);color:var(--mute);flex-wrap:wrap;display:flex}.site-footer:not(.slim) .footer-bottom{border-block-start:var(--border);padding-block-start:var(--space-4)}.footer-bottom-links{align-items:center;gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.site-footer.slim .footer-meta{gap:var(--space-2) var(--space-8)}.footer-bottom nav{gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.footer-meta{gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.footer-bottom a{align-items:center;min-block-size:2rem;display:inline-flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}