:root{--paper:#f1ecec;--ink:#211e1e;--stone:#656363;--ash:#b7b1b1;--soft:#e7e2e2;--line:#d0cbcb;--void:#211e1e;--elev-1:#e7e2e2;--overlay:#211e1e5c;--shadow-layer:0 24px 64px #211e1e24;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.12s;--t-press:80ms;--t-layer:.22s;--z-nav:40;--z-progress:45;--z-overlay:60;--z-layer:70;--z-term:55;--z-toast:80;--fs-xs:11px;--fs-sm:13px;--fs-md:16px;--fs-lg:22px;--fs-xl:clamp(36px, 5vw, 48px);--fs-hero:clamp(44px, 7vw, 72px);--font-sans:"IBM Plex Sans", "Noto Sans SC", sans-serif;--font-serif:"IBM Plex Serif", "Noto Serif SC", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--nav-h:60px;--gutter:clamp(16px, 4vw, 48px);--prose:72ch}.layer{z-index:var(--z-layer);position:fixed;inset:0}.layer-scrim{background:var(--overlay);opacity:0;position:absolute;inset:0}.layer-panel{z-index:1;background:var(--paper);border:1px solid var(--line);width:min(560px,92vw);max-height:min(80vh,720px);box-shadow:var(--shadow-layer);opacity:0;outline:none;flex-direction:column;margin:12vh auto 0;display:flex;position:relative}.layer-head{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 0;display:flex}.layer-kicker{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin:0}.layer-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.layer-close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.layer-body{padding:16px 20px 24px;overflow:auto}.layer-body .term-pop{width:100%;margin-top:8px;position:static}.layer-body h2{font-family:var(--font-serif);margin:0 0 12px;font-size:28px;font-weight:600}.layer-meta{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--stone);margin:0 0 16px}.layer-field{margin:0 0 16px}.layer-field dt{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin:0 0 6px}.layer-field dd{color:var(--ink);margin:0}.layer-quote{background:var(--soft);border-left:2px solid var(--ink);font-family:var(--font-mono);font-size:var(--fs-sm);margin:0;padding:12px 14px}.toast{z-index:var(--z-toast);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;padding:8px 14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.read-progress{top:var(--nav-h);width:100%;height:1px;z-index:var(--z-progress);background:var(--ink);pointer-events:none;position:fixed;left:0;transform:scaleX(0)}.back-top{right:var(--gutter);z-index:var(--z-nav);opacity:0;visibility:hidden;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ink);border:1px solid var(--line);background:var(--paper);padding:8px 12px;position:fixed;bottom:28px}.back-top:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.copy-btn{font-size:var(--fs-sm);color:var(--ink);border-bottom:1px solid var(--stone);align-items:center;gap:6px;padding-bottom:2px;display:inline-flex}.copy-btn:hover{border-color:var(--ink)}.copy-btn:active{transform:translateY(1px)}.code-wrap{margin:12px 0 20px;position:relative}.code-wrap .copy-btn{background:var(--soft);border:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 8px;position:absolute;top:10px;right:12px}.accordion{border-top:1px solid var(--line)}.acc-item{border-bottom:1px solid var(--line)}.acc-q{text-align:left;width:100%;color:var(--ink);align-items:center;gap:10px;padding:14px 0;font-size:16px;display:flex}.acc-q:hover{color:var(--stone)}.acc-panel{overflow:hidden}.acc-panel p{color:var(--stone);max-width:46em;margin:0 0 16px}.skip-link{left:var(--gutter);z-index:calc(var(--z-toast) + 1);background:var(--ink);color:var(--paper);font-size:var(--fs-sm);padding:8px 12px;position:absolute;top:-40px}.skip-link:focus{top:8px}.play-grid,.tool-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid}.play-card,.tool-card{cursor:pointer;background:var(--paper);text-align:left;color:var(--ink);border-left:2px solid #0000;padding:18px 16px}.play-card:hover,.tool-card:hover{border-left-color:var(--ink);background:#fff}.play-card h3,.tool-card h3{font-family:var(--font-serif);margin:0 0 8px;font-size:18px;font-weight:600}.play-card p,.tool-card p{font-size:var(--fs-sm);color:var(--stone);margin:0}.step-list{gap:0;display:grid}.step-btn{text-align:left;border-top:1px solid var(--line);color:var(--ink);border-left:2px solid #0000;grid-template-columns:40px 1fr;gap:16px;padding:16px 0;display:grid}.step-btn:hover{border-left-color:var(--ink)}.step-btn b{font-family:var(--font-mono);font-size:var(--fs-sm)}.step-btn span{color:var(--stone);font-size:var(--fs-sm);margin-top:4px;display:block}.safety-bar{border-left:2px solid var(--ink);margin:0 0 32px;padding:12px 0 12px 16px}.safety-bar ol{margin:8px 0 0}.mcp-row{cursor:pointer}.mcp-row:hover,.mcp-row.is-open{background:color-mix(in srgb, var(--soft) 70%, transparent)}.mcp-extra{grid-column:1/-1;padding:0 0 16px}.toc.is-sticky{top:calc(var(--nav-h) + 8px);z-index:10;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky}.toc a.is-on{color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}.nav-track{background:var(--ink);pointer-events:none;height:1px;position:absolute;bottom:4px}.palette-hit.is-on{background:var(--soft)}.palette-empty{color:var(--stone);font-size:var(--fs-sm);padding:12px 0}@media (width<=700px){.layer-panel{border-bottom:0;border-left:0;border-right:0;width:100%;max-height:88dvh;margin:0;position:absolute;bottom:0;left:0;right:0}.layer-panel:before{content:"";background:var(--line);width:36px;height:3px;margin:10px auto 0;display:block}.table-stack thead{display:none}.table-stack tr{border-bottom:1px solid var(--line);padding:12px 0;display:block}.table-stack td{border:0;padding:4px 0;display:block}.table-stack td:before{content:attr(data-th);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--stone);display:block}}@media (pointer:coarse){.play-card:hover,.tool-card:hover,.skill-card:hover,.step-btn:hover{transform:none}}.term{vertical-align:baseline;align-items:center;gap:2px;display:inline-flex;position:relative}.term-word{font-family:var(--font-mono);font-size:inherit;color:var(--ink);border-bottom:1px dashed var(--stone);line-height:inherit;padding:0}.term-slash{speak:never;pointer-events:none}.term-word:hover,.term.is-open .term-word,.term.is-live .term-word{border-bottom-color:var(--ink)}.term-speak{width:18px;height:18px;color:var(--stone);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.term-speak:hover,.term.is-live .term-speak{color:var(--ink)}.term-speak:disabled{opacity:.35}.term-pop{z-index:var(--z-term);background:var(--paper);border:1px solid var(--line);width:min(280px,72vw);box-shadow:var(--shadow-layer);text-align:left;white-space:normal;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.term-pop-k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);font-size:10px}.term-pop strong{font-size:15px}.term-read{font-size:var(--fs-sm);color:var(--ink)}.term-read i{color:var(--stone);font-style:normal;font-family:var(--font-mono);font-size:12px;display:block}.term-zh{font-size:var(--fs-sm);color:var(--stone)}.term-actions{gap:12px;margin-top:4px;display:flex}.term-actions button{border-bottom:1px solid var(--stone);padding-bottom:2px;font-size:12px}.term-actions button:hover{border-color:var(--ink)}.speak-bar{left:var(--gutter);z-index:var(--z-nav);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;bottom:28px}.speak-bar button{color:var(--paper);border-bottom:1px solid var(--ash)}.code-actions{gap:8px;display:flex;position:absolute;top:10px;right:12px}.code-wrap .copy-btn,.code-wrap .speak-btn{background:var(--soft);border:1px solid var(--line);padding:4px 8px;position:static}.speak-btn{font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:6px;display:inline-flex}.code-wrap .code{padding-right:148px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100%;color:var(--ink);margin:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);line-height:1.7}button,input{font:inherit;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.icon{vertical-align:-.15em;flex-shrink:0;display:inline-block}.site{background:var(--paper);min-height:100dvh}.topbar{z-index:var(--z-nav);height:var(--nav-h);padding:0 var(--gutter);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);white-space:nowrap;font-size:14px;font-weight:500}.nav{align-items:center;gap:2px;min-width:0;display:flex;position:relative;overflow-x:auto}.nav-link{color:var(--stone);white-space:nowrap;padding:8px 10px;font-size:13px;position:relative}.nav-link:hover,.nav-link.is-on{color:var(--ink)}.nav-ink{display:none}.search-btn{font-family:var(--font-mono);color:var(--stone);border:1px solid var(--line);align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.search-btn:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.stage{padding:0 var(--gutter) 64px;max-width:1200px;margin:0 auto;position:relative}.wipe{z-index:40;background:var(--ink);transform-origin:0;pointer-events:none;width:100%;height:1px;position:fixed;top:0;left:0;transform:scaleX(0)}.nav-burger{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);display:none}.nav-drawer{display:none}.site-foot{background:var(--void);color:var(--paper);padding:36px var(--gutter) 56px;border-top:1px solid var(--ink);font-size:13px}.site-foot-inner{grid-template-columns:1.4fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}.site-foot h3{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin:0 0 12px;font-weight:500}.site-foot a{color:var(--ash);margin:0 12px 8px 0;display:inline-block}.site-foot a:hover{color:var(--paper)}.site-foot p{color:var(--ash);margin:0}.palette-panel-inner input{border-bottom:1px solid var(--ink);width:100%;color:var(--ink);margin:0 0 14px;padding:10px 0;font-size:18px}.palette-panel-inner ul{margin:0;padding:0;list-style:none}.palette-hit{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--ink);gap:14px;padding:10px 8px;display:flex}.dim{color:var(--stone);min-width:48px;font-size:12px}.palette{z-index:50;position:fixed;inset:0}.palette-scrim{background:#211e1e59;position:absolute;inset:0}.palette-panel{background:var(--paper);border:1px solid var(--line);max-width:560px;margin:16vh auto 0;padding:24px;position:relative}.palette-panel p{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin:0;font-size:11px}.palette-panel input{border-bottom:1px solid var(--ink);width:100%;color:var(--ink);margin:14px 0 18px;padding:10px 0;font-size:18px}.palette-panel ul{margin:0;padding:0;list-style:none}.palette-panel li button{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--ink);gap:14px;padding:10px 0;display:flex}.palette-panel .dim{color:var(--stone);min-width:48px;font-size:12px}.cta{align-items:center;gap:8px;display:inline-flex}@media (width<=1100px){.nav-desktop{display:none}.nav-burger{justify-content:center;align-items:center;display:inline-flex}.nav-drawer{left:0;right:0;top:var(--nav-h);background:var(--paper);border-bottom:1px solid var(--line);padding:8px var(--gutter) 16px;z-index:25;flex-direction:column;display:flex;position:absolute}.site-foot-inner{grid-template-columns:1fr;gap:24px}.search-btn span{display:none}}.home{min-height:calc(100dvh - var(--nav-h));grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,72px);padding:48px 0 32px;display:grid}.home>*{min-width:0}.kicker{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--stone);margin:0 0 18px;font-size:13px}.headline{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-hero);letter-spacing:-.02em;color:var(--ink);margin:0 0 18px;line-height:1.05;overflow:hidden}.headline span{display:block}.subhead{font-family:var(--font-sans);color:var(--ink);margin:0 0 16px;font-size:18px;font-weight:500}.thesis{max-width:22em;color:var(--stone);margin:0 0 32px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;margin:0 0 32px;display:grid}.stat b{font-family:var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;display:block}.stat span{color:var(--stone);font-size:12px}.cta{color:var(--ink);border-bottom:1px solid var(--stone);align-items:center;gap:10px;padding-bottom:4px;font-size:15px;display:inline-flex}.cta:hover{border-color:var(--ink)}.cta:active{transform:translateY(1px)}.hero-photo{background:var(--soft);aspect-ratio:4/5;position:relative;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.page{padding:48px 0 24px}.page-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin:0 0 10px;font-size:12px}.page-title{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--ink);margin:0 0 16px}.lede{max-width:40em;color:var(--stone);margin:0 0 32px}.figure{background:var(--soft);border:1px solid var(--line);margin:0 0 36px;padding:8px}.figure-frame{overflow:hidden}.figure img{object-fit:cover;width:100%;height:min(40vh,360px)}.figure figcaption{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--stone);padding:10px 0 0}.toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 16px;margin:0 0 40px;padding:16px 0;display:flex}.toc a{color:var(--stone);font-size:13px}.toc a:hover{color:var(--ink)}.block{border-top:1px solid var(--line);padding:36px 0;scroll-margin-top:80px}.block h2{font-family:var(--font-serif);font-size:var(--fs-lg);margin:0 0 14px;font-weight:600}.block p,.block li{color:var(--stone);max-width:46em}.block ul,.block ol{padding-left:1.2em}pre,.code{font-family:var(--font-mono);background:var(--soft);border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;padding:14px 16px;font-size:13px;line-height:1.6;overflow:auto}.table{border-collapse:collapse;width:100%}.table tbody tr:hover td{color:var(--ink)}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);padding:12px 12px 12px 0}.table th{letter-spacing:.14em;text-transform:uppercase;color:var(--stone);font-size:12px;font-weight:500}.table td{color:var(--stone)}.table td.mono,.table td:first-child{color:var(--ink)}.filters{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.chip{border:1px solid var(--line);color:var(--stone);padding:6px 12px;font-size:13px}.chip.is-on{border-color:var(--ink);color:var(--ink)}.filters.is-strict .chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.skill-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid}.skill-card{background:var(--paper);text-align:left;color:var(--ink);cursor:pointer;border-left:2px solid #0000;padding:18px 16px 36px;position:relative}.skill-card:hover{border-left-color:var(--ink);background:#fff}@media (pointer:fine){.skill-card:hover{transform:translateY(-2px)}}.skill-card:active{transform:translateY(0)}.skill-card-cat{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--stone);margin-bottom:8px;display:block}.skill-card h3{font-family:var(--font-mono);margin:0 0 8px;font-size:13px;font-weight:500}.skill-card p{color:var(--stone);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.skill-card-go{color:var(--stone);position:absolute;bottom:12px;right:12px}.mcp-list{border-top:1px solid var(--line);gap:0;display:grid}.mcp-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:88px 160px 1fr;gap:16px;padding:18px 0;display:grid}.state{letter-spacing:.08em;color:var(--stone);font-size:12px}.state.live{color:var(--ink)}.search{border-bottom:1px solid var(--stone);width:100%;max-width:360px;color:var(--ink);margin:8px 0 24px;padding:8px 0}.specimens{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:8px 0 40px;display:grid}.specimens article{border-top:1px solid var(--line);padding-top:12px}.specimens dt{color:var(--stone);font-size:12px}.specimens dd{font-family:var(--font-mono);color:var(--ink);margin:6px 0 0;font-size:13px}.principles{margin:0;padding:0;list-style:none}.principles li{border-top:1px solid var(--line);max-width:40em;color:var(--stone);padding:16px 0}.keycap{border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink);padding:4px 9px;font-size:12px;display:inline-block}.keycap:active{transform:translateY(1px)}.keycap.is-lit{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hint{color:var(--stone);font-size:13px}.home-more{padding:24px 0 8px}@media (width<=900px){.home{grid-template-columns:1fr;min-height:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-photo{aspect-ratio:16/10;order:-1}.mcp-row{grid-template-columns:1fr;gap:8px}}