@font-face{font-family:NotoSansJP;src:url(/fonts/NotoSansJP-subset.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--fg: #111;--bg: #eef0f3;--surface: #fff;--muted: #666;--accent: #2a6;--border: #ddd;--maxw: 720px;--aside-w: 260px;--left-w: 260px;--gap: 2rem;--crumb-space: 2.25rem;--header-h-compact: 3rem;--header-bg: #2e3135;--header-fg: #fff;--header-muted: #ccd0d5;--stage-bg: #0b0b0b;--stage-fg: #f2f2f2;--stage-muted: #8a8a8a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:NotoSansJP,sans-serif;font-weight:400;line-height:1.8;letter-spacing:.04em}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);color:var(--header-fg)}nav.site{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.75rem;max-width:calc(var(--left-w) + var(--gap) + var(--maxw) + var(--gap) + var(--aside-w));margin:0 auto;padding:.75rem 1rem;font-weight:700;transition:padding .2s ease}.site-header.is-compact nav.site{padding-top:.35rem;padding-bottom:.35rem}html{scroll-padding-top:calc(var(--header-h-compact) + 1rem);scrollbar-gutter:stable}.page{max-width:var(--maxw);margin:0 auto;padding:2rem 1rem 6rem}main{min-width:0}.page.with-aside{max-width:calc(var(--maxw) + var(--gap) + var(--aside-w));display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "left" "right"}.page.with-aside>main{grid-area:main}.page.with-aside>.aside-left{grid-area:left;margin-top:2rem}.page.with-aside>.sidebar{grid-area:right;margin-top:1rem}.sidebar{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.page.with-aside{grid-template-columns:minmax(0,1fr) var(--aside-w);grid-template-rows:auto 1fr;grid-template-areas:"main left" "main right";column-gap:var(--gap);align-items:start}.page.with-aside>.aside-left{margin-top:var(--crumb-space)}.page.with-aside>.sidebar{align-self:stretch}.sidebar .sticky{position:sticky;top:calc(var(--header-h-compact) + 1rem)}}@media(min-width:1340px){.page.with-aside.with-left{max-width:calc(var(--left-w) + var(--gap) + var(--maxw) + var(--gap) + var(--aside-w));grid-template-columns:var(--left-w) minmax(0,1fr) var(--aside-w);grid-template-rows:auto;grid-template-areas:"left main right"}.page.with-aside.with-left>.sidebar{margin-top:var(--crumb-space)}}.side-title{margin:0 0 .5rem;font-size:.8rem;font-weight:700;color:var(--muted);letter-spacing:.08em}.post{line-height:1.9}.post>p,.post>:not(header) p{margin:1.9em 0}.post :is(h2,h3,h4){line-height:1.4;margin:2.5rem 0 1rem}.post h2{margin-top:4rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.post{background:var(--surface);border-radius:12px;padding:2.5rem 2.5rem 3rem}@media(max-width:600px){.post{padding:1.75rem 1.25rem 2.25rem}}.toc-inline{margin:1.25rem 0 0}.toc-inline summary{cursor:pointer;font-size:.85rem;font-weight:700;color:var(--muted)}.toc-inline[open] summary{margin-bottom:.5rem}@media(min-width:1024px){.toc-inline{display:none}}@media(max-width:1023px){.sidebar .toc-card{display:none}}.post>:first-child{margin-top:0}.post>.eyecatch+h2{margin-top:2.5rem}.post hr{margin:4rem 0;border:none;border-top:1px solid var(--border)}.post pre{background:#f0f0f0;padding:1rem;overflow-x:auto;border-radius:6px;letter-spacing:0}.post :not(pre)>code{background:#f0f0f0;padding:.1em .4em;border-radius:4px;letter-spacing:0}.post blockquote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid var(--muted);color:var(--muted)}.post img{max-width:100%;height:auto}.cat-badge,.post a.cat-badge{display:inline-block;padding:.05em .7em;border-radius:999px;background:hsl(var(--hue) var(--sat, 45%) var(--bg-l, 92%));color:hsl(var(--hue) var(--sat, 45%) var(--fg-l, 28%));font-size:.85em;font-weight:700;line-height:1.7;letter-spacing:.04em;text-decoration:none;white-space:nowrap;transition:background-color .15s}.cat-badge:hover,.post a.cat-badge:hover{background:hsl(var(--hue) var(--sat, 45%) calc(var(--bg-l, 92%) - 6%))}.post .link-card{display:flex;flex-direction:column;gap:.3rem;margin:2rem 0;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:10px;color:inherit;text-decoration:none;line-height:1.6;transition:background-color .15s,border-color .15s}.post .link-card:hover{background:var(--bg);border-color:#c8ccd2}.post .link-card .lc-title,.post .link-card .lc-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.post .link-card .lc-title{font-weight:700}.post .link-card .lc-desc{color:var(--muted);font-size:.85em}.post .link-card .lc-site{display:flex;align-items:center;gap:.4rem;margin-top:.2rem;color:var(--muted);font-size:.8em}.post .link-card .lc-favicon{width:16px;height:16px;object-fit:contain;flex:none}.post .yt-facade{position:relative;aspect-ratio:16 / 9;margin:2rem 0;border-radius:8px;overflow:hidden;background:#000}.post .yt-play{display:block;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}.post .yt-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transition:opacity .15s}.post .yt-play:hover img{opacity:1}.post .yt-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;color:#fff;text-shadow:0 0 12px rgba(0,0,0,.6)}.post .yt-facade iframe{width:100%;height:100%;border:0;display:block}.post figure.pangram{margin:3.5rem 0;padding:3rem 1.5rem 2.75rem;background:var(--stage-bg);color:var(--stage-fg);border-radius:8px;text-align:center;container-type:inline-size;position:relative}.post figure.pangram .pangram-text,.post figure.pangram .pangram-reading{font-family:NotoSerifJP,Hiragino Mincho ProN,Yu Mincho,YuMincho,serif}.post figure.pangram .pangram-text{margin:0;font-size:min(1.6em,5.6cqi);font-weight:500;line-height:2.1;letter-spacing:.08em}.post figure.pangram .pangram-reading{margin:1.4rem 0 0;color:var(--stage-muted);font-size:min(1.05em,5.6cqi);line-height:1.95;letter-spacing:.06em}.post figure.pangram figcaption{margin-top:1.75rem;color:var(--stage-muted);font-size:.75em;letter-spacing:.12em}.post figure.pangram figcaption a{text-decoration-color:color-mix(in srgb,var(--stage-muted) 50%,transparent);text-underline-offset:.3em;transition:color .15s}.post figure.pangram figcaption a:hover{color:var(--stage-fg);text-decoration-color:currentColor}.post figure.pangram .pangram-source{position:absolute;right:1.25rem;bottom:.9rem;letter-spacing:.06em}@media(max-width:480px){.post figure.pangram{margin:2.5rem 0;padding:2.25rem .75rem 2.5rem}.post figure.pangram .pangram-source{right:.75rem;bottom:.75rem}}.post rt{font-size:.5em;font-weight:inherit;letter-spacing:0}.post .bouten{font-style:normal;-webkit-text-emphasis:filled dot;text-emphasis:filled dot;text-emphasis-position:over right}.site-footer[data-astro-cid-gcn2mc3v]{background:var(--header-bg);color:var(--header-muted);font-size:.85rem}.inner[data-astro-cid-gcn2mc3v]{max-width:calc(var(--left-w) + var(--gap) + var(--maxw) + var(--gap) + var(--aside-w));margin:0 auto;padding:2.5rem 1rem 2rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:2rem}.brand[data-astro-cid-gcn2mc3v]{display:inline-flex;align-items:center;gap:.5rem;color:var(--header-fg);font-weight:700;font-size:1rem;letter-spacing:.08em;text-decoration:none}.brand[data-astro-cid-gcn2mc3v] img[data-astro-cid-gcn2mc3v]{display:block;filter:invert(1)}.desc[data-astro-cid-gcn2mc3v]{margin:.75rem 0 0;max-width:28rem;line-height:1.8}.col-title[data-astro-cid-gcn2mc3v]{margin:0 0 .5rem;color:var(--header-fg);font-weight:700;letter-spacing:.08em}.col[data-astro-cid-gcn2mc3v] ul[data-astro-cid-gcn2mc3v]{list-style:none;margin:0;padding:0}.col[data-astro-cid-gcn2mc3v] li[data-astro-cid-gcn2mc3v]{padding:.15rem 0}.site-footer[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:not(.brand){color:var(--header-muted);text-decoration:none}.site-footer[data-astro-cid-gcn2mc3v] a[data-astro-cid-gcn2mc3v]:hover{color:var(--header-fg);text-decoration:underline;text-underline-offset:.2em}.copy[data-astro-cid-gcn2mc3v]{margin:0;padding:1rem;border-top:1px solid rgb(255 255 255 / .08);text-align:center}@media(max-width:600px){.inner[data-astro-cid-gcn2mc3v]{grid-template-columns:1fr 1fr;padding-top:2rem}.about[data-astro-cid-gcn2mc3v]{grid-column:1 / -1}}.scroll-sentinel[data-astro-cid-37fxchfa]{position:absolute;top:0;left:0;width:1px;height:32px;pointer-events:none}.wordmark[data-astro-cid-37fxchfa]{display:inline-flex;align-items:center;gap:.6rem;color:var(--header-fg);text-decoration:none;flex:none}.site-name[data-astro-cid-37fxchfa]{font-size:1.05rem;font-weight:700;letter-spacing:.08em;white-space:nowrap;transition:font-size .2s ease}.wordmark[data-astro-cid-37fxchfa]:hover .site-name[data-astro-cid-37fxchfa]{text-decoration:underline;text-underline-offset:.25em}.mark-img[data-astro-cid-37fxchfa]{display:block;width:40px;height:40px;filter:invert(1);transition:width .2s ease,height .2s ease}@media(pointer:coarse){.mark-img[data-astro-cid-37fxchfa]{width:34px;height:34px}}.site-header[data-astro-cid-37fxchfa].is-compact .mark-img[data-astro-cid-37fxchfa]{width:28px;height:28px}.site-header[data-astro-cid-37fxchfa].is-compact .site-name[data-astro-cid-37fxchfa]{font-size:.95rem}@media(max-width:480px){.site-header[data-astro-cid-37fxchfa].is-compact .nav-categories[data-astro-cid-37fxchfa]{display:none}}.nav-categories[data-astro-cid-37fxchfa]{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;margin:0;padding:0}.nav-categories[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]{color:var(--header-muted);font-size:.9rem;font-weight:700;text-decoration:none;letter-spacing:.08em;padding:.25rem 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav-categories[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:hover{color:var(--header-fg)}.nav-categories[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa].current{color:var(--header-fg);border-bottom-color:var(--header-fg)}.preview-badge[data-astro-cid-37fxchfa]{position:fixed;top:.8rem;right:.8rem;font-size:.7rem;font-weight:700;color:#a06000;background:#fff4d6;border:1px solid #e8c880;border-radius:6px;padding:.25rem .7rem;letter-spacing:.05em;z-index:100}