:root{--color-bg:#efefef;--color-surface:#f7f7f7;--color-text:#555;--color-text-strong:#202524;--color-text-secondary:#8a8a8a;--color-text-tertiary:#aaa;--color-accent:#ff662e;--color-accent-visited:#e66000;--color-border:#ccc;--color-border-light:#d9d9d9;--color-code-bg:#e4e4e4;--capsule-bg:hsl(0 0% 78%/25%);--capsule-bg-active:hsl(0 0% 59%/20%);--capsule-bg-hover:hsl(0 0% 90%/35%);--max-width:1200px;--max-width-medium:960px;--font-sans:"NeueHaasUnicaPro-Regular","Neue Haas Unica Pro","FOT-Cezanne Pro M","CezannePro-M","Cezanne ProN",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-sans-bold:"NeueHaasUnicaPro-Bold","Neue Haas Unica Pro","FOT-Cezanne Pro B","CezannePro-B","Cezanne ProN",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-ja:"FOT-Cezanne Pro M","CezannePro-M","Cezanne ProN","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",sans-serif;--font-ja-bold:"FOT-Cezanne Pro B","CezannePro-B","Cezanne ProN","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--type-24:24px;--type-19-2:19.2px;--type-16:16px;--type-13-7:13.7px;--type-12:12px;--font-regular:400;--font-bold:700}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{overflow-x:clip}body{min-width:320px;min-height:100svh;margin:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-size:var(--type-16);font-weight:var(--font-regular);line-height:1.7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-hyphens:auto;hyphens:auto}body:has(.home-shell){background:#fdfdff}body:has(.home-shell[data-inverted]){background:#242426}a{color:var(--color-accent);-webkit-text-decoration-style:dotted;text-decoration-style:dotted}a:visited{color:var(--color-accent-visited)}a:hover{color:var(--color-accent)}img{display:block;max-width:100%}code{border-radius:4px;padding:.1em .28em;background:var(--color-code-bg);font-family:var(--font-mono);font-size:var(--type-13-7)}code,ruby rt{font-weight:var(--font-regular)}ruby rt{font-family:var(--font-ja);font-size:var(--type-12)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.home-shell{--home-bg:#fdfdff;--home-ink:#242426;--home-muted:#8a8a93;width:100%;min-height:100svh;margin:0;overflow:visible;background:var(--home-bg);color:var(--home-ink);font-family:var(--font-ja)}.home-shell[data-inverted]{--home-bg:#242426;--home-ink:#fdfdff;--color-text:#fdfdff;--color-text-strong:#fdfdff;--color-text-secondary:#8a8a93;--color-text-tertiary:#8a8a93;--color-border:#fdfdff;--color-border-light:#fdfdff;--color-code-bg:hsl(0 0% 100%/12%)}.home-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px}.home-title{width:181px;height:20px;margin:0;overflow:hidden;color:var(--home-ink);font-size:var(--type-13-7);font-weight:var(--font-bold);line-height:1.2;letter-spacing:0;white-space:nowrap}.home-title a{color:inherit;text-decoration:none}.home-title a:visited{color:inherit}.home-view-toggle{display:flex;align-items:center;flex:0 0 auto;border:0;border-radius:0;padding:0;background:transparent;color:inherit;cursor:pointer}.home-view-toggle span{display:block;width:16px;height:16px;border:1px solid var(--home-ink);background:var(--home-bg)}.home-view-toggle-primary{background:var(--home-ink)!important}.home-view-toggle:focus-visible{outline:1px solid var(--home-ink);outline-offset:3px}.home-tags{display:flex;width:100%;border-top:1px solid var(--home-ink);border-bottom:1px solid var(--home-ink);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.home-tags::-webkit-scrollbar{display:none}.home-tag{display:flex;align-items:center;flex:0 0 auto;border-right:1px solid var(--home-ink);padding:10px 8px;font-size:var(--type-12);font-weight:var(--font-regular);line-height:1.2;text-decoration:none;white-space:nowrap}.home-tag,.home-tag:visited{color:var(--home-ink)}.home-tag[aria-current=page]{background:var(--home-ink);color:var(--home-bg)}.home-tag[aria-current=page]:visited{color:var(--home-bg)}.home-tag span+span{width:21px;margin-left:8px;font-family:var(--font-sans);text-align:right}.home-posts{width:100%}.home-post{display:flex;align-items:stretch;width:100%;min-height:72px;border-bottom:1px solid var(--home-ink);text-decoration:none}.home-post,.home-post:visited{color:var(--home-ink)}.home-post:hover .home-post-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.home-post-image{display:flex;align-items:flex-start;flex:0 0 116px;border-right:1px solid var(--home-ink);padding:8px}.home-post-image img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--home-muted)}.home-post-body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:4px;padding:8px;font-size:var(--type-12);font-weight:var(--font-regular);line-height:1.2;word-break:break-word}.home-post-tag,.home-post-title{display:block;min-width:0}.home-post-title{color:var(--home-ink)}.home-post-tag{color:var(--home-muted)}.note-site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:70px}.note-site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:2;height:1px;background:var(--color-border-light);pointer-events:none}.note-site-header:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,hsl(0 0% 94%/96%),hsl(0 0% 94%/82%) 58%,hsl(0 0% 94%/0%));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:none}.note-site-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-width);height:100%;margin:0 auto;padding:0 60px}.note-site-logo{display:grid;place-items:center;width:36px;min-width:36px;height:36px;border:1px solid hsl(0 0% 0%/4%);border-radius:50%;background:var(--capsule-bg);font-size:var(--type-13-7);font-weight:var(--font-bold);line-height:1;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-site-logo,.note-site-logo:visited{color:var(--color-text)}.note-site-links{display:flex;gap:12px}.note-site-link{position:relative;display:flex;align-items:center;justify-content:center;height:36px;border-radius:18px;padding:0 15px;background:var(--capsule-bg);font-size:var(--type-13-7);font-weight:var(--font-regular);text-align:center;text-decoration:none;transition:background .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-site-link,.note-site-link:visited{color:var(--color-text)}.note-site-link:after{content:"";position:absolute;inset:0;border:1px solid hsl(0 0% 0%/4%);border-radius:18px;pointer-events:none}.note-site-link:hover,.note-site-logo:hover{background:var(--capsule-bg-hover)}.note-site-link:active,.note-site-logo:active{transform:translateY(1px);background:var(--capsule-bg-active)}.note-site-link.active{font-weight:var(--font-bold)}.note-site-link.active,.note-site-link.active:visited{color:var(--color-text-strong)}.note-site-link.active:before{content:"";position:absolute;bottom:-10px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--color-accent);transform:translateX(-50%)}.note-main{padding:0 0 80px}.note-layout{display:grid;grid-template-columns:168px minmax(0,840px);grid-column-gap:36px;column-gap:36px;align-items:start;width:100%;max-width:calc(168px + 36px + 840px + 60px);margin:0;padding:0 60px 0 0}.note-toc{position:-webkit-sticky;position:sticky;top:88px;align-self:start;min-width:0;margin-top:48px;padding:0 8px;color:var(--color-text);font-size:var(--type-12);line-height:1.35;text-align:left}.note-toc-title{margin:0 0 .75rem;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--type-12);font-weight:var(--font-bold);line-height:1.2}.note-toc ol{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.note-toc-link{display:block;text-align:left;text-decoration:none;overflow-wrap:break-word}.note-toc-link,.note-toc-link:visited{color:var(--color-text)}.note-toc-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.note-toc-link--sub{padding-left:12px;font-size:var(--type-12)}.note-toc-link--sub,.note-toc-link--sub:visited{color:var(--color-text-secondary)}.note-prose{width:100%;min-width:0;margin-top:40px;text-indent:0}.note-article-header,.note-columns,.note-divider,.note-end,.note-hero-image,.related-posts{max-width:840px}.note-article-header{margin-bottom:2rem}.note-article-header h1{margin:0 0 .3em;color:var(--color-text);font-size:var(--type-24);font-weight:var(--font-bold);line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.note-article-header .note-article-tags{margin:0 0 .3em;line-height:1.4;text-indent:0;text-align:start}.note-article-header .note-article-tags,.note-article-header time{color:var(--color-text-secondary);font-size:var(--type-13-7);font-weight:var(--font-regular)}.note-article-header time{font-family:var(--font-mono)}.note-hero-image{width:100%;max-width:640px;height:auto;aspect-ratio:16/9;margin:0 0 4rem;border-radius:14px;outline:1px solid hsl(0 0% 0%/7%);outline-offset:-1px;object-fit:cover;object-position:center;background:hsl(0 0% 100%/45%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-annotated-row{position:relative;max-width:840px}.note-annotated-row>.note-columns{min-width:0}.note-margin-notes{position:absolute;top:0;left:calc(100% + 20px);width:200px}.note-margin-notes-spread{top:auto;bottom:0;left:calc(100% + 48px)}.note-margin-notes-font{padding-top:16.2em}.note-footnotes-sidebar{color:var(--color-text-secondary);font-size:var(--type-12);line-height:1.45;scroll-margin-top:90px}.note-footnotes-sidebar+.note-footnotes-sidebar{margin-top:1.2em}.note-prose .note-footnotes-sidebar p{position:relative;margin:0;text-indent:0;text-align:start}.note-footnotes-sidebar p span{position:absolute;top:0;right:calc(100% + .35em);color:var(--color-text);font-weight:var(--font-bold);white-space:nowrap}.note-prose h2,.note-prose h3{margin:3em 0 1em;color:var(--color-text);line-height:1.3;scroll-margin-top:90px;word-break:keep-all;overflow-wrap:break-word;letter-spacing:0}.note-prose h2{font-size:var(--type-24);font-weight:var(--font-bold)}.note-prose h3{margin-top:2em;font-size:var(--type-19-2);font-weight:var(--font-bold)}.note-prose blockquote,.note-prose p{margin:0 0 1.5em}.note-prose p{text-indent:1em;text-align:justify;text-justify:inter-character;overflow-wrap:break-word;line-break:strict}.note-prose blockquote{border-left:1.5px solid hsl(0 0% 0%/20%);padding-left:1.2em;color:var(--color-text-secondary)}.note-link-card p,.note-prose blockquote p,.note-prose figcaption,.related-posts p{text-indent:0;text-align:start}.note-columns{display:grid;align-items:start;margin-bottom:6em;position:relative}.note-columns--two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}.note-columns--one{grid-template-columns:minmax(0,1fr)}.note-column-track{min-width:0}.note-column-track>:first-child{margin-top:0}.note-column-track>:last-child{margin-bottom:0}.note-divider{--divider-gap:6px;height:2em;margin:2em 0;border:0;background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' preserveAspectRatio='none'><g stroke='rgb(0,0,0)' stroke-opacity='0.2' stroke-width='0.5' stroke-linecap='square'><line x1='-2' y1='2' x2='2' y2='-2'/><line x1='-2' y1='12' x2='12' y2='-2'/><line x1='8' y1='12' x2='12' y2='8'/></g></svg>");background-repeat:repeat;background-size:var(--divider-gap) var(--divider-gap)}.note-figure{margin:0 0 1.5em}.note-figure-small{width:100%;max-width:400px;margin-inline:auto}.note-figure figcaption{position:relative;margin-top:.6em;color:var(--color-text-secondary);font-size:var(--type-13-7);font-weight:var(--font-regular);line-height:1.5;word-break:keep-all;overflow-wrap:break-word}.note-spread-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;aspect-ratio:400/319;border-radius:10px;padding:18px;background:linear-gradient(90deg,transparent calc(50% - .5px),hsl(0 0% 0%/16%) 0 calc(50% + .5px),transparent 0),hsl(0 0% 100%/42%);outline:1px solid hsl(0 0% 0%/10%)}.note-spread-diagram span{display:grid;place-items:center;border-radius:6px;background:repeating-linear-gradient(180deg,hsl(0 0% 0%/18%) 0 1px,transparent 1px 13px),hsl(0 0% 100%/55%);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--type-12);font-weight:var(--font-regular)}.note-footnote-ref{vertical-align:super;line-height:0}.note-footnote-ref a{display:inline-grid;place-items:center;min-width:1.35em;height:1.35em;border-radius:50%;background:hsl(0 0% 0%/8%);color:var(--color-text);font-size:var(--type-12);font-weight:var(--font-bold);text-decoration:none}.note-footnote-ref a:hover{background:var(--color-accent);color:#fff}.note-end{margin:1.5em 0 0;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--type-13-7);font-weight:var(--font-regular);letter-spacing:.1em;opacity:.8;text-align:right;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-link-card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:138px;margin-bottom:1.5em;border-radius:12px;padding:1rem 1.2rem;background:hsl(0 0% 0%/4%)}.note-link-card:after{content:"";position:absolute;inset:0;border:1px solid var(--color-border-light);border-radius:12px;pointer-events:none}.note-link-card p{margin:0;color:var(--color-text-secondary);font-size:var(--type-13-7);font-weight:var(--font-regular);line-height:1.5}.note-link-card .note-link-card-title{margin-bottom:.4rem;color:var(--color-text);font-size:var(--type-16);font-weight:var(--font-bold);line-height:1.4}.note-link-card>span{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:hsl(0 0% 70%/45%);color:#fff;font-size:var(--type-13-7);font-weight:var(--font-regular)}.related-posts{--double-line-gap:2px;margin:3em 0 2em;padding-top:3em;background-image:linear-gradient(hsl(0 0% 0%/20%),hsl(0 0% 0%/20%)),linear-gradient(hsl(0 0% 0%/20%),hsl(0 0% 0%/20%));background-repeat:no-repeat;background-position:0 0,0 calc(var(--double-line-gap) + 1px);background-size:100% .5px,100% .5px}.related-posts-label{margin:0 0 1em;color:var(--color-text-secondary);font-size:var(--type-19-2);font-weight:var(--font-bold);line-height:1.4;text-transform:uppercase}.related-posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 20px;gap:12px 20px}.related-post-card{position:relative;display:flex;align-items:center;gap:16px;min-height:110px;border-radius:14px;padding:10px;background:hsl(0 0% 0%/4%);text-decoration:none}.related-post-card,.related-post-card:visited{color:var(--color-text)}.related-post-card:after{content:"";position:absolute;inset:0;border:1px solid hsl(0 0% 0%/18%);border-radius:14px;pointer-events:none}.related-post-card:hover:after{border-color:hsl(0 0% 0%/35%)}.related-post-card img{width:160px;flex-shrink:0;aspect-ratio:16/9;border-radius:8px;object-fit:cover;background:hsl(0 0% 100%/45%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.related-post-card span{flex:1 1;min-width:0;color:var(--color-text);font-weight:var(--font-bold);line-height:1.4;word-break:keep-all;overflow-wrap:break-word}.related-post-card time{position:absolute;right:16px;bottom:10px;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--type-12);font-weight:var(--font-regular)}.home-title,.note-article-header h1,.note-footnote-ref a,.note-footnotes-sidebar p span,.note-link-card .note-link-card-title,.note-prose h2,.note-prose h3,.note-site-link.active,.note-site-logo,.related-post-card span,.related-posts-label{font-family:var(--font-ja-bold)}.note-toc-title{font-family:var(--font-sans-bold)}@media (max-width:1280px){.note-margin-notes{position:static;width:auto;max-width:840px;padding-top:0;margin:-1.5em 0 3em}.note-footnotes-sidebar{max-width:32em;padding-left:1em;border-left:1px solid hsl(0 0% 0%/18%)}}@media (max-width:940px){.note-layout{display:block;max-width:calc(840px + 40px);padding:0 20px}.note-toc{position:static;max-width:840px;margin:48px 0 2rem;padding:0 8px 1.2rem;border-bottom:1px solid var(--color-border-light)}.note-toc ol{gap:6px 16px}.note-toc ol,.related-posts-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){body{font-size:var(--type-16)}.note-site-header{height:80px}.note-site-nav{padding:0 20px}.note-site-links{gap:8px}.note-layout{padding:0 20px}.note-article-header h1{font-size:var(--type-24);line-break:strict;overflow-wrap:break-word}.note-hero-image{margin-bottom:2.5rem}.note-columns{display:block;margin-bottom:3em}.note-column-track+.note-column-track{margin-top:1.5em}.note-prose h2{font-size:var(--type-24)}.note-prose h3{font-size:var(--type-19-2)}.related-post-card img{width:44%;max-width:160px}}@media (max-width:640px){.site-header{flex-direction:column;margin-bottom:36px}.related-post-card,.site-header{align-items:flex-start}.related-post-card img{width:36%;min-width:112px}.related-post-card time{position:static;display:block;margin-top:1.8em}}