:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf8f3;--surface:#fff;--surface-sunk:#f4efe7;--line:#e6ddd0;--line-strong:#cfc3b3;--text:#2b2622;--text-soft:#5c544c;--focus:#b4530f;--client-fill:#dce9fb;--client-stroke:#86aee6;--client-ink:#1d4a86;--proxy-fill:#fde4c9;--proxy-stroke:#eba56a;--proxy-ink:#874110;--backend-fill:#d9f1de;--backend-stroke:#7ec290;--backend-ink:#1d6033;--website-fill:#ebe0fa;--website-stroke:#ad90dc;--website-ink:#55308f;--neutral-fill:#f1ebe2;--neutral-stroke:#c9bcab;--neutral-ink:#4a433c;--arrow-request:#3b342e;--arrow-response:#7a6f64;--tint-client:#eef4fd;--tint-proxy:#fff2e4;--tint-backend:#edf8ef;--tint-website:#f5effd;--tint-neutral:#f6f2ec;--primary-bg:#2b2622;--primary-hover:#453d36;--primary-text:#fbf8f3;--code-bg:#2f2924;--code-text:#f8f2e8;--hover-warm:#fff8ef;--shadow-card:0 14px 30px -24px #3c281480;--skin:#f6d5bd;--skin-shade:#e9b996;--hair:#5b4436;--radius-sm:10px;--radius:18px;--radius-lg:26px;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15130f;--surface:#201d19;--surface-sunk:#2a2622;--line:#36312b;--line-strong:#4d463e;--text:#f1ece5;--text-soft:#bdb4a8;--focus:#f0a35c;--client-fill:#1d3150;--client-stroke:#5d8ed6;--client-ink:#b3cff6;--proxy-fill:#46290f;--proxy-stroke:#cf8545;--proxy-ink:#f7c79a;--backend-fill:#16351f;--backend-stroke:#59a76f;--backend-ink:#a6dfb6;--website-fill:#30234a;--website-stroke:#937ad0;--website-ink:#d2c0f4;--neutral-fill:#2c2824;--neutral-stroke:#6e655b;--neutral-ink:#ddd4c9;--arrow-request:#ece5dc;--arrow-response:#a59b8f;--tint-client:#19253a;--tint-proxy:#33220f;--tint-backend:#15281b;--tint-website:#251c35;--tint-neutral:#24211d;--primary-bg:#f1ece5;--primary-hover:#fff;--primary-text:#15130f;--code-bg:#0d0c0a;--code-text:#f1ece5;--hover-warm:#2a221a;--shadow-card:0 14px 30px -24px #000000e6;--skin:#e8c3a6;--hair:#3a2a20}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15130f;--surface:#201d19;--surface-sunk:#2a2622;--line:#36312b;--line-strong:#4d463e;--text:#f1ece5;--text-soft:#bdb4a8;--focus:#f0a35c;--client-fill:#1d3150;--client-stroke:#5d8ed6;--client-ink:#b3cff6;--proxy-fill:#46290f;--proxy-stroke:#cf8545;--proxy-ink:#f7c79a;--backend-fill:#16351f;--backend-stroke:#59a76f;--backend-ink:#a6dfb6;--website-fill:#30234a;--website-stroke:#937ad0;--website-ink:#d2c0f4;--neutral-fill:#2c2824;--neutral-stroke:#6e655b;--neutral-ink:#ddd4c9;--arrow-request:#ece5dc;--arrow-response:#a59b8f;--tint-client:#19253a;--tint-proxy:#33220f;--tint-backend:#15281b;--tint-website:#251c35;--tint-neutral:#24211d;--primary-bg:#f1ece5;--primary-hover:#fff;--primary-text:#15130f;--code-bg:#0d0c0a;--code-text:#f1ece5;--hover-warm:#2a221a;--shadow-card:0 14px 30px -24px #000000e6;--skin:#e8c3a6;--hair:#3a2a20}.svg-role-client{--r-fill:var(--client-fill);--r-stroke:var(--client-stroke);--r-ink:var(--client-ink)}.svg-role-proxy{--r-fill:var(--proxy-fill);--r-stroke:var(--proxy-stroke);--r-ink:var(--proxy-ink)}.svg-role-backend{--r-fill:var(--backend-fill);--r-stroke:var(--backend-stroke);--r-ink:var(--backend-ink)}.svg-role-website{--r-fill:var(--website-fill);--r-stroke:var(--website-stroke);--r-ink:var(--website-ink)}.svg-role-neutral{--r-fill:var(--neutral-fill);--r-stroke:var(--neutral-stroke);--r-ink:var(--neutral-ink)}.diagram-svg,.illustration-svg{width:100%;height:auto;font-family:var(--font-sans);display:block}.node-box{fill:var(--r-fill);stroke:var(--r-stroke);stroke-width:2px}.node-tag{fill:var(--r-ink);letter-spacing:.07em;font-size:11.5px;font-weight:700}.node-name{fill:var(--r-ink);font-size:16.5px;font-weight:700}.node-line{fill:var(--text);font-size:13.5px}.node-sees{fill:var(--surface);stroke:var(--r-stroke);stroke-width:1.5px}.node-sees-text{fill:var(--r-ink);font-size:12.5px;font-weight:700}.icon-body{fill:var(--surface);stroke:var(--r-ink);stroke-width:1.8px}.icon-detail{fill:none;stroke:var(--r-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.icon-dot{fill:var(--r-ink)}.arrow-line{stroke-width:2.4px;stroke-linecap:round}.arrow-request .arrow-line{stroke:var(--arrow-request)}.arrow-request .arrow-head{fill:var(--arrow-request)}.arrow-response .arrow-line{stroke:var(--arrow-response);stroke-dasharray:7 5}.arrow-response .arrow-head{fill:var(--arrow-response)}.hop-label{fill:var(--text);font-size:12.5px;font-weight:600}.hop-label-response{fill:var(--text-soft);font-weight:500}.badge-circle{fill:var(--surface);stroke:var(--arrow-request);stroke-width:1.8px}.badge-text{fill:var(--text);font-size:12px;font-weight:700}.group-box{fill:var(--r-fill);fill-opacity:.4;stroke:var(--r-stroke);stroke-width:1.6px;stroke-dasharray:6 5}.group-label{fill:var(--r-ink);font-size:13.5px;font-weight:700}.row-heading{fill:var(--text);font-family:var(--font-serif);font-size:16px;font-weight:700}.flow-wide{display:none}.flow-narrow{max-width:440px;margin-inline:auto;display:block}@media (width>=900px){.flow-from-900 .flow-wide{display:block}.flow-from-900 .flow-narrow{display:none}}@media (width>=1150px){.flow-from-1150 .flow-wide{display:block}.flow-from-1150 .flow-narrow{display:none}}.ill-ground{fill:var(--surface-sunk)}.ill-blob{fill:var(--r-fill);opacity:.55}.ill-fill{fill:var(--r-fill);stroke:var(--r-ink);stroke-width:2px}.ill-zone{fill:var(--r-fill);fill-opacity:.5;stroke:var(--r-stroke);stroke-width:2px;stroke-dasharray:7 6}.ill-detail{fill:none;stroke:var(--r-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ill-dot{fill:var(--r-ink)}.ill-soft{fill:var(--r-stroke);opacity:.55}.ill-door{fill:var(--surface);stroke:var(--r-ink);stroke-width:2px}.ill-post{fill:var(--r-ink)}.ill-body{fill:var(--r-fill);stroke:var(--r-ink);stroke-width:2px}.ill-skin{fill:var(--skin);stroke:var(--hair);stroke-width:1.6px}.ill-hair,.ill-eye{fill:var(--hair)}.ill-smile{fill:none;stroke:var(--hair);stroke-width:1.6px;stroke-linecap:round}.ill-cheek{fill:#f0a49c;opacity:.55}.ill-paper{fill:var(--surface);stroke:var(--text);stroke-width:1.8px}.ill-paper-line{fill:none;stroke:var(--text);stroke-width:1.6px;stroke-linejoin:round}.ill-stamp{fill:var(--r-stroke)}.ill-path{fill:none;stroke:var(--line-strong);stroke-width:2.2px;stroke-dasharray:2 6;stroke-linecap:round}.ill-sparkle{fill:#f2c46d}.ill-wall{fill:var(--surface-sunk)}.ill-vs{fill:var(--surface);stroke:var(--line-strong);stroke-width:2px}.ill-vs-text{fill:var(--text);font-family:var(--font-serif);font-size:15px;font-style:italic;font-weight:700}.ill-toggle-on{fill:var(--r-stroke);stroke:var(--r-ink);stroke-width:1.6px}.ill-toggle-off,.ill-knob{fill:var(--surface);stroke:var(--r-ink);stroke-width:1.6px}.ill-gear{fill:var(--surface);stroke:var(--r-ink);stroke-width:3px;stroke-dasharray:3 2.4}.ill-shackle{fill:none;stroke:var(--r-ink);stroke-width:4px;stroke-linecap:round}.ill-hourglass{fill:none;stroke:var(--r-ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.sw-track-on{fill:var(--proxy-stroke);stroke:var(--proxy-ink);stroke-width:1.8px}.sw-track-off{fill:var(--surface);stroke:var(--neutral-ink);stroke-width:1.8px}.sw-knob{fill:var(--surface);stroke:var(--text);stroke-width:1.8px}.big-digit{fill:var(--r-ink,var(--text));font-family:var(--font-mono);font-size:30px;font-weight:700}.mid-digit{fill:var(--r-ink,var(--text));font-family:var(--font-mono);font-size:21px;font-weight:700}.big-char{fill:var(--r-ink,var(--text));font-family:var(--font-serif);font-size:34px;font-weight:700}.mono-bits{fill:var(--r-ink);font-family:var(--font-mono);font-size:13.5px;font-weight:600}.mono-hex{fill:var(--r-ink);font-family:var(--font-mono);font-size:17px;font-weight:700}.place-value{fill:var(--text-soft);font-size:15px;font-weight:700}.sum-line{fill:var(--text);font-family:var(--font-serif);font-size:22px;font-weight:700}.divider{stroke:var(--line);stroke-width:1.5px}.bracket{fill:none;stroke:var(--text-soft);stroke-width:1.8px;stroke-linejoin:round}.pixel-on{fill:#f80}.pixel-off{fill:var(--surface-sunk)}.pixel-pick{fill:none;stroke:var(--text);stroke-width:2.5px}.zoom-line{stroke:var(--text-soft);stroke-width:1.5px;stroke-dasharray:4 4}.axis{stroke:var(--line-strong);stroke-width:1.5px}.wave{fill:none;stroke:var(--client-stroke);stroke-width:3px;stroke-linecap:round}.stem{stroke:var(--text-soft);stroke-width:1.5px;stroke-dasharray:3 3}.sample-dot{fill:var(--proxy-fill);stroke:var(--proxy-ink);stroke-width:2px}.sample-num{fill:var(--proxy-ink);font-family:var(--font-mono);font-size:14px;font-weight:700}.mono-line{fill:var(--r-ink,var(--text));font-family:var(--font-mono);font-size:13px;font-weight:600}.lifeline{stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:4 5}.note-box{fill:var(--surface);stroke:var(--r-stroke,var(--line-strong));stroke-width:1.6px}.note-text{fill:var(--r-ink,var(--text));font-size:12.5px;font-weight:700}.packet-lost{fill:var(--surface);stroke:var(--text-soft);stroke-width:1.6px;stroke-dasharray:4 3}.packet-lost-text{fill:var(--text-soft);font-family:var(--font-mono);font-size:14px;font-weight:700}.curve-arrow{fill:none;stroke:var(--arrow-request);stroke-width:2.4px;stroke-linecap:round}.brick{fill:var(--neutral-fill);stroke:var(--neutral-stroke);stroke-width:1.4px}.chart-line{fill:none;stroke:var(--proxy-ink);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:var(--proxy-fill);opacity:.6}.chart-label{fill:var(--text-soft);font-size:12px;font-weight:600}.ill-note{fill:none;stroke:var(--backend-ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.ill-note-head{fill:var(--backend-ink)}.ill-small-text{fill:var(--text-soft);font-family:var(--font-mono);font-size:11px;font-weight:700}.ill-digit{fill:var(--r-ink);font-family:var(--font-mono);font-size:24px;font-weight:700}.ill-word{fill:var(--r-ink);font-family:var(--font-serif);font-size:34px;font-weight:700}.ill-chip-text{fill:var(--r-ink);font-family:var(--font-mono);font-size:13px;font-weight:700}.ill-pixel{fill:#f80}.ill-wave{fill:none;stroke:var(--client-ink);stroke-width:2.6px;stroke-linecap:round}.ill-sample{fill:var(--surface);stroke:var(--client-ink);stroke-width:2px}.anim,.anim-twinkle{transform-box:fill-box;transform-origin:50%}.anim-playing .anim-travel{animation:2.6s ease-in-out infinite ill-travel}.anim-playing .anim-bob{animation:2.4s ease-in-out infinite ill-bob}.anim-playing .anim-pop{animation:2.4s ease-in-out infinite ill-pop}.anim-playing .anim-wobble{animation:2.4s ease-in-out infinite ill-wobble}.anim-playing .anim-lift{animation:2.4s ease-in-out infinite ill-lift}.anim-playing .anim-glow{animation:2s ease-in-out infinite ill-glow}.anim-playing .anim-flip-x{animation:2.4s ease-in-out infinite ill-flip-x}.anim-playing .anim-flip-y{animation:2.4s ease-in-out infinite ill-flip-y}.anim-playing .anim-spin{animation:2.4s linear infinite ill-spin}.anim-playing .anim-ripple{animation:2s ease-out infinite ill-ripple}.anim-playing .anim-flow{animation:1.2s linear infinite ill-flow}.anim-playing .anim-twinkle{animation:2.4s ease-in-out infinite ill-twinkle}@keyframes ill-travel{0%{transform:translate(var(--x0), var(--y0));opacity:0}15%{opacity:1}50%{transform:translate(var(--xm), var(--ym))}85%{opacity:1}to{transform:translate(var(--x1), var(--y1));opacity:0}}@keyframes ill-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ill-pop{0%,60%,to{transform:scale(1)}30%{transform:scale(1.08)}}@keyframes ill-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes ill-lift{0%,30%,to{transform:translateY(0)}55%,75%{transform:translateY(-7px)}}@keyframes ill-glow{0%,to{opacity:.55}40%{opacity:1}}@keyframes ill-flip-x{0%,30%,to{transform:translate(0)}45%,85%{transform:translateX(var(--d))}}@keyframes ill-flip-y{0%,30%,to{transform:translateY(0)}45%,85%{transform:translateY(var(--d))}}@keyframes ill-spin{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes ill-ripple{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes ill-flow{to{stroke-dashoffset:-16px}}@keyframes ill-twinkle{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.5;transform:scale(.6)}}.anim-playing .anim-turn-off{animation:2.4s ease-in-out infinite ill-turn-off}.anim-playing .anim-turn-on{animation:2.4s ease-in-out infinite ill-turn-on}@keyframes ill-turn-off{0%,30%,to{fill:var(--proxy-stroke)}45%,85%{fill:var(--surface)}}@keyframes ill-turn-on{0%,30%,to{fill:var(--surface)}45%,85%{fill:var(--proxy-stroke)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}:root{--tabbar-h:66px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}a{color:var(--client-ink);text-underline-offset:.18em}code{font-family:var(--font-mono);background:var(--surface-sunk);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:.05em .35em;font-size:.88em}svg{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}h1[tabindex="-1"]:focus:not(:focus-visible),main:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.ui-icon{flex:none}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.brand{font-family:var(--font-serif);color:var(--text);align-items:center;gap:10px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.main-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text);background:var(--surface-sunk)}.nav-link.active{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.mode-switch{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;margin-left:auto;padding:3px;display:inline-flex}.mode-switch button{font:inherit;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:6px 14px;font-size:14.5px;font-weight:600}.mode-switch button.is-active{background:var(--proxy-fill);color:var(--proxy-ink);box-shadow:inset 0 0 0 1.5px var(--proxy-stroke)}@media (width<=759px){html{scroll-padding-bottom:96px}.header-inner{gap:12px;padding:10px 16px}.brand{font-size:19px}.mode-switch button{padding:6px 12px;font-size:14px}.main-nav{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.app.is-feed main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.main-nav ul{grid-template-columns:repeat(3,1fr);display:grid}.nav-link{border-radius:14px;flex-direction:column;gap:2px;width:100%;padding:6px 4px;font-size:13.5px}.nav-link.active{background:var(--proxy-fill);color:var(--proxy-ink);box-shadow:none}.site-footer{padding-bottom:96px!important}}.page{max-width:1120px;margin:0 auto;padding:36px 24px 56px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:28px;display:flex}.page-head h1{font-size:clamp(2.1rem,5vw,2.9rem)}.lede{max-width:60ch;color:var(--text-soft);margin:8px 0 0;font-size:18px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--proxy-ink);margin:0 0 6px;font-size:14px;font-weight:700}.meta{color:var(--text-soft);margin:0;font-size:14px;font-weight:600}.button,.bookmark-toggle,.read-toggle{min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--line-strong);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:15.5px;font-weight:650;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button:hover,.bookmark-toggle:hover,.read-toggle:hover{border-color:var(--text-soft)}.button-primary{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-text)}.button-primary:hover{background:var(--primary-hover)}.bookmark-toggle,.read-toggle{min-height:40px;padding:6px 14px;font-size:14.5px}.read-toggle.is-on{background:var(--backend-fill);border-color:var(--backend-stroke);color:var(--backend-ink)}.concept-actions{flex-wrap:wrap;gap:10px;display:flex}.bookmark-toggle.is-on{background:var(--proxy-fill);border-color:var(--proxy-stroke);color:var(--proxy-ink)}.bookmark-toggle.is-compact{justify-content:center;width:44px;padding:8px}.chip{border-radius:999px;align-items:center;gap:4px;padding:1px 10px;font-size:13px;font-weight:700;line-height:1.7;display:inline-flex}.chip .ui-icon{width:14px;height:14px}.chip-current{background:var(--proxy-fill);color:var(--proxy-ink)}.chip-bookmarked{background:var(--client-fill);color:var(--client-ink)}.chip-read{background:var(--backend-fill);color:var(--backend-ink)}.chip-later,.badge-later{background:var(--neutral-fill);color:var(--neutral-ink);border:1px dashed var(--neutral-stroke)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.card-grid>li{display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;width:100%;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:not(.card-upcoming):hover{border-color:var(--line-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.card:has(.card-link:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.card-art{border-bottom:1px solid var(--line);padding:10px 20px 0;position:relative}.card-art .illustration-svg{max-height:168px;margin-inline:auto}.card-body{flex-direction:column;flex:1;gap:8px;padding:18px 22px 20px;display:flex}.card-hook{font-size:22px;line-height:1.25}.card-link{color:var(--text);text-decoration:none}.card-link:after{content:"";z-index:1;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-blurb{color:var(--text-soft);margin:0}.card-actions{z-index:2;margin-top:auto;padding-top:8px;position:relative}.card-upcoming{background:var(--surface-sunk);border-style:dashed;border-color:var(--line-strong)}.card-upcoming .card-art{opacity:.75}.card-upcoming .card-hook{color:var(--text-soft)}.card-note{color:var(--text-soft);margin:auto 0 0;font-size:14.5px;font-style:italic}.badge-later{border-radius:999px;padding:2px 12px;font-size:13.5px;font-weight:700;position:absolute;top:12px;left:14px}.end-of-feed{text-align:center;max-width:34rem;color:var(--text-soft);margin:48px auto 0}.end-of-feed .end-title{font-family:var(--font-serif);color:var(--text);margin:0 0 4px;font-size:23px;font-weight:700}.concept{max-width:712px;margin:0 auto;padding:24px 24px 56px}.concept-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:28px;display:flex}.back-link{min-height:44px;color:var(--text);align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.crumb{color:var(--text-soft);font-size:14px;font-weight:600;text-decoration:none}.crumb:hover{text-decoration:underline}.concept-header{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.concept-header h1{font-size:clamp(2.1rem,6.4vw,3.1rem);line-height:1.1}.subtitle{color:var(--text-soft);margin:0;font-size:20px}.goal{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--proxy-stroke);border-radius:14px;margin:4px 0;padding:14px 18px;font-size:17px}.intro-illustration{max-width:400px;margin:28px auto 8px}.prose{font-size:18px;line-height:1.72}.prose p{margin:0 0 1em}.prose h2{margin:0 0 14px;font-size:27px}.section{margin-top:46px}.prose-list{margin:0 0 1em;padding-left:1.3em}.prose-list li{margin-bottom:.6em;padding-left:.2em}.prose-list li::marker{color:var(--proxy-stroke)}.callout{border:1px solid var(--r-stroke,var(--line));background:var(--r-fill-soft,var(--surface));border-left-width:5px;border-radius:20px;padding:22px 24px 8px}.callout h2{font-size:23px}.callout-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--r-ink,var(--text-soft));font-size:13px;font-weight:700;margin:0 0 6px!important}.callout-analogy{--r-stroke:var(--client-stroke);--r-ink:var(--client-ink);--r-fill-soft:var(--tint-client)}.callout-important{--r-stroke:var(--proxy-stroke);--r-ink:var(--proxy-ink);--r-fill-soft:var(--tint-proxy)}.callout-note{--r-stroke:var(--backend-stroke);--r-ink:var(--backend-ink);--r-fill-soft:var(--tint-backend)}.callout-simplification{--r-stroke:var(--neutral-stroke);--r-ink:var(--neutral-ink);--r-fill-soft:var(--tint-neutral)}.figure{margin:8px 0 22px}.figure figcaption{color:var(--text-soft);text-align:center;flex-direction:column;gap:2px;margin-top:12px;font-size:15.5px;line-height:1.5;display:flex}.figure-caption{font-style:italic}.figure-legend{font-size:14px}.figure-diagram .diagram-svg{max-width:440px;margin-inline:auto}.figure-diagram .flow-wide .diagram-svg{max-width:none}.diagram-clip{background:var(--bg);width:100%;max-width:440px;height:auto;margin-inline:auto;display:block}@media (width>=900px){.flow.flow-from-900{width:min(var(--diagram-w), calc(100vw - 64px));position:relative;left:50%;transform:translate(-50%)}}@media (width>=1150px){.flow.flow-from-1150{width:min(var(--diagram-w), calc(100vw - 64px));position:relative;left:50%;transform:translate(-50%)}}.code-block{margin:4px 0 20px}.code-block figcaption{color:var(--text-soft);margin-bottom:6px;font-size:14px;font-weight:650}.code-block pre{background:var(--code-bg);color:var(--code-text);border-radius:16px;margin:0;padding:16px 18px;font-size:14.5px;line-height:1.55;overflow-x:auto}.code-block code{font-size:inherit;overflow-wrap:normal;background:0 0;border:0;padding:0}.comparison-wrap{margin:4px 0 20px}.comparison{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;width:100%;font-size:16px;line-height:1.5;overflow:hidden}.comparison th,.comparison td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px}.comparison tbody tr:last-child th,.comparison tbody tr:last-child td{border-bottom:0}.comparison thead th{font-family:var(--font-serif);background:var(--surface-sunk);font-size:17px}.comparison thead td{background:var(--surface-sunk)}.comparison tbody th{width:30%;color:var(--text-soft);font-size:14.5px;font-weight:700}@media (width<=639px){.comparison,.comparison tbody,.comparison tr,.comparison th,.comparison td{width:auto;display:block}.comparison thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.comparison tbody tr{border-bottom:1px solid var(--line);padding:10px 0}.comparison tbody tr:last-child{border-bottom:0}.comparison tbody th,.comparison td{border:0;padding:4px 16px}.comparison tbody th{width:auto;color:var(--text);font-size:15px}.comparison td:before{content:attr(data-label) ": ";color:var(--text-soft);font-weight:700}}.recap{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-top:52px;padding:24px 26px 12px}.recap ul{margin:0 0 1em;padding-left:1.3em}.recap li{margin-bottom:.5em}.recap li::marker{color:var(--backend-stroke)}.quiz{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-top:40px;padding:24px 26px}.quiz .quiz-note{color:var(--text-soft);margin:-6px 0 14px;font-size:15px}.quiz fieldset{border:0;min-width:0;margin:0;padding:0}.quiz legend{margin-bottom:14px;padding:0;font-size:18px;font-weight:650}.quiz-option{border:1.5px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px 16px;font-size:17px;line-height:1.5;display:flex}.quiz-option:hover{border-color:var(--line-strong)}.quiz-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.quiz-option input{width:20px;height:20px;accent-color:var(--proxy-ink);flex:none;margin:3px 0 0}.quiz-option.is-correct{background:var(--tint-backend);border-color:var(--backend-stroke)}.quiz-option.is-wrong{background:var(--tint-proxy);border-color:var(--proxy-stroke)}.quiz-feedback p{gap:10px;margin:8px 0 0;font-size:17px;display:flex}.quiz-feedback .ui-icon{margin-top:3px}.feedback-correct{color:var(--backend-ink)}.feedback-wrong{color:var(--proxy-ink)}.next-block{margin-top:52px}.next-block h2{margin-bottom:14px}.next-card{background:var(--surface);border:1.5px solid var(--proxy-stroke);color:var(--text);border-radius:22px;flex-direction:column;gap:4px;padding:22px 24px;text-decoration:none;transition:background-color .15s;display:flex}.next-card:hover{background:var(--hover-warm)}.next-step{color:var(--text-soft);font-size:14px;font-weight:700}.next-title{font-family:var(--font-serif);font-size:25px;font-weight:700;line-height:1.2}.next-preview{color:var(--text-soft);font-size:17px}.next-go{color:var(--proxy-ink);align-items:center;gap:6px;margin-top:6px;font-size:16px;font-weight:700;display:inline-flex}.teasers{margin-top:28px}.teasers h3{margin-bottom:10px;font-size:21px}.teasers ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.teaser{background:var(--surface-sunk);border:1.5px dashed var(--line-strong);border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;font-size:16px;display:flex;position:relative}.teaser .badge-later{position:static}.teaser-title{font-family:var(--font-serif);font-size:19px;font-weight:700}.teaser-blurb{color:var(--text-soft)}.previous-link{margin-top:20px;font-size:16px}.previous-link a{min-height:44px;color:var(--text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.map-legend{color:var(--text-soft);background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;gap:8px 22px;max-width:720px;margin:0 0 24px;padding:12px 16px;font-size:14.5px;list-style:none;display:flex}.map-legend li{align-items:center;gap:8px;display:inline-flex}.map-legend .ui-icon{width:16px;height:16px;color:var(--client-ink)}.legend-dot{background:var(--proxy-fill);border:2px solid var(--proxy-stroke);border-radius:50%;width:16px;height:16px}.legend-dot.is-current{border:3px solid var(--proxy-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--proxy-stroke) 45%, transparent)}.legend-dot.is-upcoming{border:2px dashed var(--neutral-stroke);background:0 0}.legend-arc{border:2px dashed var(--arrow-response);border-bottom:0;border-right:0;border-radius:12px 0 0;width:24px;height:12px}.map-path{max-width:720px;position:relative}.map-lines{pointer-events:none;position:absolute;inset:0 auto auto 0}.map-main-line{stroke:var(--line-strong);stroke-width:3px;stroke-linecap:round}.map-extra-line,.map-extra-head{fill:none;stroke:var(--arrow-response);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.map-extra-line{stroke-dasharray:5 5}.map-list,.map-upcoming ul{margin:0;padding:0;list-style:none}.map-node{grid-template-columns:100px 1fr;align-items:start;padding:12px 0;display:grid;position:relative}.map-dot{z-index:1;background:var(--proxy-fill);border:2px solid var(--proxy-stroke);width:36px;height:36px;color:var(--proxy-ink);border-radius:50%;place-items:center;margin-left:46px;font-size:15px;font-weight:700;display:grid;position:relative}.map-node.is-current .map-dot{border:3px solid var(--proxy-ink);box-shadow:0 0 0 5px color-mix(in srgb, var(--proxy-stroke) 40%, transparent)}.map-body{min-width:0;padding-top:2px}.map-link{font-family:var(--font-serif);color:var(--text);font-size:20px;font-weight:700;line-height:1.3;text-decoration:none}.map-link:hover{text-decoration:underline}.map-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 0;font-size:14.5px;display:flex}.map-extra-note{color:var(--text-soft);margin:6px 0 0;font-size:14.5px}.map-extra-note a{font-weight:600}.map-upcoming{border-top:1px dashed var(--line-strong);max-width:720px;margin-top:40px;padding-top:24px}.map-upcoming h2{font-size:24px}.map-upcoming>p{color:var(--text-soft);margin:6px 0 8px}.map-node.is-upcoming .map-dot{border:2px dashed var(--neutral-stroke);background:0 0}.map-title-upcoming{font-family:var(--font-serif);color:var(--text-soft);font-size:19px;font-weight:700}.module-list{max-width:720px;margin:0 0 28px;padding:0;list-style:none}.module-list li{border-bottom:1px solid var(--line);gap:16px;padding:14px 0;display:flex}.module-num{background:var(--proxy-fill);width:34px;height:34px;color:var(--proxy-ink);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.module-link{font-family:var(--font-serif);color:var(--text);font-size:20px;font-weight:700;text-decoration:none}.module-link:hover{text-decoration:underline}.module-sub{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:2px 0 0;font-size:15px;display:flex}.empty-state{text-align:center;max-width:520px;margin:24px auto}.not-found{padding:32px 24px 56px}.empty-art{max-width:260px;margin:0 auto 12px}.empty-state h1{margin-bottom:10px;font-size:clamp(1.9rem,5vw,2.4rem)}.empty-state h2{margin-bottom:8px;font-size:26px}.empty-state p{color:var(--text-soft);font-size:17px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--text-soft);padding:28px 16px;font-size:14.5px}.site-footer p{margin:0}@media (width<=759px){.page{padding:24px 16px 40px}.concept{padding:16px 16px 40px}.card-grid{grid-template-columns:1fr;gap:18px}.prose{font-size:17.5px}.prose h2{font-size:24px}.callout,.recap,.quiz{padding-left:18px;padding-right:18px}.map-node{grid-template-columns:94px 1fr}.map-link{font-size:18.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card:not(.card-upcoming):hover{transform:none}}.app.is-feed{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app.is-feed .site-header{flex:none;position:static}.app.is-feed main{flex-direction:column;flex:1;min-height:0;display:flex}.feed-page{flex-direction:column;flex:1;width:100%;max-width:540px;min-height:0;margin:0 auto;display:flex}.feed-bar{padding:calc(6px + env(safe-area-inset-top)) 12px 4px;flex:none;align-items:center;gap:6px;display:flex}.feed-logo{flex:none;place-items:center;width:36px;height:36px;display:grid}.topic-tabs{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.topic-tabs::-webkit-scrollbar{display:none}.topic-tabs ul{gap:6px;width:max-content;margin:0;padding:2px 24px 2px 2px;list-style:none;display:flex}.topic-tab{white-space:nowrap;min-height:36px;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;padding:6px 14px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.topic-tab:hover{color:var(--text)}.topic-tab.is-active{color:var(--primary-text);background:var(--primary-bg);border-color:var(--primary-bg)}.icon-button{width:40px;height:40px;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-button:hover{border-color:var(--line-strong)}.icon-button[aria-pressed=true]{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-text)}.feed-scroller{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.feed-scroller::-webkit-scrollbar{display:none}.feed-scroller:focus-visible{outline-offset:-3px}.feed-slide{scroll-snap-align:start;scroll-snap-stop:always;height:100%;padding:6px 10px 10px}.slide-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-card);--accent-tint:var(--tint-neutral);flex-direction:column;display:flex;position:relative;overflow:hidden}.slide-card.accent-client{--accent-tint:var(--tint-client)}.slide-card.accent-proxy{--accent-tint:var(--tint-proxy)}.slide-card.accent-backend{--accent-tint:var(--tint-backend)}.slide-card.accent-website{--accent-tint:var(--tint-website)}.slide-card:has(.card-link:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.slide-art{background:linear-gradient(180deg, var(--accent-tint), var(--surface));flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:48px 16px 4px;display:flex;position:relative;container-type:size}.slide-art .illustration-svg{width:100%;max-width:460px;height:100%}@container (height<=64px){.slide-art .illustration-svg{display:none}}.slide-chips{z-index:2;pointer-events:none;flex-wrap:nowrap;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.slide-chips .chip-module{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.slide-chips .chip-new,.slide-chips .chip-read,.slide-chips .chip-time{flex:none}.slide-chips .chip-time{margin-left:auto}.slide-chips .chip,.slide-chips .badge-later{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:static}.chip-module{background:var(--surface);color:var(--text);border:1px solid var(--line)}.chip-new{background:var(--primary-bg);color:var(--primary-text)}.chip-time{background:var(--surface);color:var(--text-soft);border:1px solid var(--line)}.chip-time .ui-icon{width:13px;height:13px}.slide-body{flex-direction:column;flex:none;gap:10px;padding:14px 20px 16px;display:flex}.slide-hook{font-size:clamp(22px,6vw,26px);line-height:1.2}.slide-hook .card-link:after{content:"";z-index:1;position:absolute;inset:0}.slide-summary{color:var(--text);margin:0;font-size:16.5px;line-height:1.55}.slide-footer{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 0;display:flex}.slide-footer .bookmark-toggle{z-index:2;position:relative}.slide-more{color:var(--proxy-ink);font-size:14.5px;font-weight:700}.slide-card.is-upcoming{background:var(--surface-sunk);border-style:dashed;border-color:var(--line-strong)}.slide-card.is-upcoming .slide-art{opacity:.8;background:0 0}.slide-card.is-upcoming .slide-hook,.slide-card.is-upcoming .slide-summary{color:var(--text-soft)}.end-card .end-body{text-align:center;align-items:center;padding-bottom:28px}.end-card .slide-art{padding-top:16px}.end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (height<=720px){.slide-hook{font-size:21px}.slide-summary{font-size:15.5px;line-height:1.5}.slide-body{gap:8px;padding:12px 16px}}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.header-actions .mode-switch{margin-left:0}@media (width<=759px){.desktop-only{display:none!important}.app.is-feed .site-header{border-bottom:0}.app.is-feed .header-inner{padding:0}.app.is-feed .header-inner>:not(.main-nav){display:none}}@media (width>=760px){.mobile-only{display:none!important}.feed-bar{padding:12px 16px 6px}}.questions{margin-top:36px}.questions h2{margin-bottom:2px}.questions-hint{color:var(--text-soft);margin:0 0 12px;font-size:15px}.question{border:1px solid var(--line);background:var(--surface);border-radius:16px}.question+.question{margin-top:10px}.question>summary{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;font-weight:700;line-height:1.4;list-style:none;display:flex}.question>summary::-webkit-details-marker{display:none}.question>summary:after{content:"+";color:var(--client-ink);flex:none;font-size:20px;line-height:1.1}.question[open]>summary:after{content:"−"}.question-body{padding:0 18px 6px}.question-body p{margin:0 0 12px}.question-tips-title{font-weight:700}.question-body ul{margin:-4px 0 12px;padding-left:22px}.deeper{border:1px dashed var(--line-strong);background:var(--surface);border-radius:20px;margin-top:32px}.deeper>summary{cursor:pointer;flex-direction:column;gap:2px;padding:16px 22px;list-style:none;display:flex}.deeper>summary::-webkit-details-marker{display:none}.deeper>summary:after{content:"Show";color:var(--client-ink);align-self:flex-start;margin-top:6px;font-size:14px;font-weight:700}.deeper[open]>summary:after{content:"Hide"}.deeper-title{font-family:var(--font-serif);font-size:22px;font-weight:700}.deeper-hint{color:var(--text-soft);font-size:15px}.deeper-body{padding:0 18px 8px}.deeper-body .section{margin-top:4px}.map-branch{border-top:1px solid var(--line);max-width:720px;margin-bottom:36px;padding-top:28px}.map-branch-title{margin-bottom:4px;font-size:28px}.map-branch-lede{color:var(--text-soft);margin:0 0 20px}.map-branch .map-module{margin-left:0}.map-part{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:0 0 2px;font-size:13px;font-weight:700}.map-module{max-width:720px;margin-bottom:36px}.map-module+.map-module{border-top:1px solid var(--line);padding-top:28px}.map-module-title{font-size:24px}.map-module-title a{color:var(--text);text-decoration:none}.map-module-title a:hover{text-decoration:underline}.map-module-meta{color:var(--text-soft);margin:4px 0 8px;font-size:14.5px}.callout-misconception{--r-stroke:var(--website-stroke);--r-ink:var(--website-ink);--r-fill-soft:var(--tint-website)}.mode-switch-block{align-items:center;gap:10px;display:flex}.mode-switch-block .mode-switch{margin-left:0}.mode-switch-hint{color:var(--text-soft);margin:0;font-size:14.5px}