:root{--dur-press:.1s;--dur-hover:.18s;--ease-out:cubic-bezier(.2,.7,.3,1);--ease-spring:linear(0, .3132 3.6%, .578 7.4%, .779 11.6%, .9104 16.4%, .9808 22%, 1.0074 29.2%, 1.0092 38.6%, 1 100%);--bg:#fbf8f1;--ink:#2c2a26;--sub:#6e685c;--border:#2c2a261f;--accent:#ba7517;--accent-soft:#faeeda;--accent-soft-ink:#854f0b;--accent-faint:#e0b97a;--accent-small:#854f0b;--mute:#76705f;--card:#fff;--sink:#f7f3ea;--maxw:760px;--insight-bg:#8c570e;color-scheme:light}:root[data-theme=dark]{--bg:#221e18;--ink:#ede7da;--sub:#b5ad9d;--border:#ede7da24;--accent:#e0a24a;--accent-soft:#3a2f1e;--accent-soft-ink:#e9c589;--accent-faint:#6b5836;--accent-small:#e0a24a;--mute:#9a9384;--card:#2a251d;--sink:#1e1a14;--insight-bg:#e0a24a;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(var(--bg),var(--bg));color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";font-family:Noto Sans JP,system-ui,sans-serif;font-size:16.5px;line-height:1.85}html{overflow-x:clip}@supports not (overflow:clip){html{overflow-x:hidden}}.mono{font-family:JetBrains Mono,monospace}a,button{-webkit-tap-highlight-color:transparent}#progress{background:var(--accent);z-index:100;width:0;height:3px;transition:width var(--dur-press) linear;position:fixed;top:0;left:0}.topbar{z-index:50;background:linear-gradient(color-mix(in srgb, var(--bg) 88%, transparent), color-mix(in srgb, var(--bg) 88%, transparent));backdrop-filter:blur(8px);border-bottom:1px solid #0000;transition:border-color .25s;position:sticky;top:0}.topbar:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(to bottom, color-mix(in srgb, var(--ink) 8%, transparent), transparent);height:10px;transition:opacity .25s;position:absolute;top:100%;left:0;right:0}html[data-scrolled] .topbar{border-bottom-color:var(--border)}html[data-scrolled] .topbar:after{opacity:1}.topbar .inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:11px 22px;display:flex}.topbar .actions{align-items:center;gap:12px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.brand .sig{color:var(--accent);font-family:JetBrains Mono,monospace}.topbar a.toc{color:var(--sub);white-space:nowrap;transition:color var(--dur-hover) var(--ease-out),opacity var(--dur-press) var(--ease-out);font-size:13px;text-decoration:none}.topbar a.toc:hover{color:var(--accent)}.topbar a.toc:active{opacity:.55;transition-duration:var(--dur-press)}.theme-toggle{appearance:none;border:1px solid var(--border);color:var(--sub);cursor:pointer;width:42px;height:38px;transition:border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),background-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:active{transition-duration:var(--dur-press);transform:scale(.92)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:18px;height:18px;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}main{max-width:var(--maxw);margin:0 auto;padding:0 22px}section{border-bottom:1px solid var(--border);padding:46px 0}section:last-of-type{border-bottom:none}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-small);align-items:center;gap:10px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.eyebrow .num{border:1px solid var(--accent-small);min-width:24px;height:24px;color:var(--accent-small);border-radius:50%;place-items:center;font-size:11px;display:inline-grid}h1{letter-spacing:.01em;margin-bottom:20px;font-size:clamp(30px,7vw,46px);font-weight:700;line-height:1.28}h2{letter-spacing:.01em;margin-bottom:18px;font-size:clamp(22px,4.6vw,29px);font-weight:600;line-height:1.4}h3{margin:26px 0 10px;font-size:18.5px;font-weight:600}p{margin-bottom:15px}strong{color:var(--ink);font-weight:600}.sub{color:var(--sub)}em{color:var(--accent-soft-ink);font-style:normal;font-weight:500}.hero{padding:54px 0 40px}.hero .kicker{letter-spacing:.14em;color:var(--accent-small);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:12.5px}.hero h1 .glow{color:var(--accent)}.hero p{color:var(--sub);max-width:62ch;font-size:18px}.pipe-demo{background:linear-gradient(var(--sink),var(--sink));border:1px solid var(--border);color:var(--sub);white-space:nowrap;border-radius:10px;margin:24px 0 6px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:14px;overflow-x:auto}.pipe-demo .tok{color:var(--ink)}.pipe-demo .bar{color:var(--accent);padding:0 6px;font-weight:600}.result{background:linear-gradient(var(--accent-soft),var(--accent-soft));border:1px solid var(--accent-faint);border-radius:14px;padding:24px 24px 20px}.result .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft-ink);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:11.5px}.result .big{color:var(--accent-soft-ink);margin-bottom:14px;font-size:clamp(24px,5.5vw,32px);font-weight:700;line-height:1.35}.three{gap:9px;margin-top:8px;list-style:none;display:grid}.three li{color:var(--ink);align-items:baseline;gap:11px;font-size:15.5px;display:flex}.three li .k{color:var(--accent-soft-ink);flex:none;width:74px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.chips{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.chip{color:var(--sub);background:linear-gradient(var(--sink),var(--sink));border:1px solid var(--border);border-radius:999px;padding:6px 13px;font-size:13px}.chip b{color:var(--accent-soft-ink);font-weight:600}.checks{gap:11px;margin:16px 0 6px;list-style:none;display:grid}.checks li{background:linear-gradient(var(--card),var(--card));border:1px solid var(--border);border-radius:11px;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.checks li .mk{color:var(--accent);flex:none;font-family:JetBrains Mono,monospace;font-weight:600}.vs{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 6px;display:grid}.vs .col{border:1px solid var(--border);background:linear-gradient(var(--card),var(--card));border-radius:13px;padding:18px}.vs .col.good{border-color:var(--accent-faint);background:linear-gradient(var(--accent-soft),var(--accent-soft))}.vs .col h4,.vs .col .vs-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:9px;font-size:15px;font-weight:600;display:flex}.vs .col.good h4,.vs .col.good .vs-title{color:var(--accent-soft-ink)}.vs .col p{color:var(--sub);margin:0;font-size:14px}.vs .label{letter-spacing:.08em;color:var(--mute);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.analogy{border-left:3px solid var(--accent);background:linear-gradient(var(--sink),var(--sink));border-radius:0 12px 12px 0;margin:20px 0;padding:16px 18px}.analogy .h{letter-spacing:.05em;color:var(--accent-small);align-items:center;gap:8px;margin-bottom:7px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.analogy p{color:var(--ink);margin:0;font-size:15px}.analogy p+p{margin-top:8px}.insight{background:linear-gradient(var(--insight-bg),var(--insight-bg));color:#fff8ec;border-radius:14px;margin:22px 0;padding:22px 24px}:root[data-theme=dark] .insight{color:#231d12}.insight .h{letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-family:JetBrains Mono,monospace;font-size:12px}.insight .q{font-size:clamp(19px,4vw,23px);font-weight:600;line-height:1.5}.chain{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;display:flex}.chain .node{background:linear-gradient(var(--card),var(--card));border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13.5px}.chain .arr{color:var(--accent);font-weight:600}.shadow{background:linear-gradient(var(--sink),var(--sink));border:1px solid var(--border);border-radius:13px;margin:16px 0;padding:20px 22px}.shadow h3{color:var(--ink);align-items:baseline;gap:10px;margin-top:0;display:flex}.shadow h3 .n{color:var(--accent);flex:none;font-family:JetBrains Mono,monospace;font-size:14px}.shadow p{color:var(--sub);margin-bottom:0;font-size:15px}.note{color:var(--sub);background:linear-gradient(var(--sink),var(--sink));border:1px solid var(--border);border-radius:10px;padding:13px 16px;font-size:14px}.closing{padding:50px 0 30px}.closing .big{margin-bottom:18px;font-size:clamp(22px,4.6vw,28px);font-weight:600;line-height:1.5}footer{max-width:var(--maxw);color:var(--mute);margin:0 auto;padding:30px 22px 60px;font-size:13px;line-height:1.8}footer a{color:var(--sub)}footer .hub{margin-top:14px}footer .hub a{color:var(--mute);transition:color var(--dur-hover) var(--ease-out),opacity var(--dur-press) var(--ease-out);text-decoration:none}footer .hub a:hover{color:var(--sub)}footer .hub a:active{opacity:.55;transition-duration:var(--dur-press)}@media (width<=560px){body{font-size:16px}section{padding:38px 0}.vs{grid-template-columns:1fr}.three li .k{width:64px}.topbar a.toc .toc-long{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#progress{transition:none}.theme-toggle:active{transform:none}}@media (prefers-reduced-transparency:reduce){.topbar{background:linear-gradient(var(--bg),var(--bg));backdrop-filter:none}}@media (prefers-contrast:more){html[data-scrolled] .topbar{border-bottom-color:var(--ink)}}@media print{.theme-toggle{display:none}}