:root{--display:"Newsreader", "Iowan Old Style", "Palatino", serif;--sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--found:#06b6d4;--found-soft:#5fd4e8;--found-glow:#06b6d452;--build:#f59e0b;--build-soft:#fbbf24;--build-glow:#fbbf2452;--radius-sm:6px;--radius:12px;--radius-lg:22px;--maxw-content:760px;--sidebar-w:280px;--header-h:68px;--ease:cubic-bezier(.2, .8, .2, 1)}:root,[data-theme=dark]{--bg:#0a0b10;--bg-elevated:#11131c;--bg-soft:#161823;--bg-glass:#12141cb3;--surface:#14161f;--line:#ffffff14;--line-strong:#ffffff29;--text:#ebe9e0;--text-soft:#b9b6a8;--text-mute:#847f6e;--text-faint:#5a5648;--code-bg:#ffffff0a;--code-text:#e6dfc8;--code-block-bg:#0e0f17;--kbd-bg:#1d1f2a;--shadow-1:0 1px 0 0 #ffffff0a inset;--shadow-2:0 24px 60px -28px #000000b3, 0 8px 28px -16px #0009;--grain-opacity:.04;--hero-grad:radial-gradient(1100px 540px at 80% -8%, #f59e0b24, transparent 60%), radial-gradient(900px 480px at 8% 8%, #06b6d421, transparent 60%);--syntax-keyword:#f9b572;--syntax-string:#b6e09e;--syntax-comment:#6b6856;--syntax-tag:#8be1f0;--syntax-attr:#e0b95a;--syntax-num:#d8a8ff}[data-theme=light]{--bg:#faf6ec;--bg-elevated:#fffaee;--bg-soft:#f3eedc;--bg-glass:#faf6ecc7;--surface:#fffcf2;--line:#14120c1a;--line-strong:#14120c2e;--text:#1a1810;--text-soft:#4b4738;--text-mute:#74705f;--text-faint:#a09b89;--code-bg:#14120c0d;--code-text:#2a2618;--code-block-bg:#fbf6e6;--kbd-bg:#ece4cf;--shadow-1:0 1px 0 0 #fff9 inset;--shadow-2:0 18px 36px -24px #14120c2e, 0 6px 18px -10px #14120c1f;--grain-opacity:.05;--hero-grad:radial-gradient(1100px 540px at 80% -8%, #f59e0b1a, transparent 60%), radial-gradient(900px 480px at 8% 8%, #06b6d41a, transparent 60%);--syntax-keyword:#b35a00;--syntax-string:#357a3a;--syntax-comment:#91876b;--syntax-tag:#1c8aa3;--syntax-attr:#8a6612;--syntax-num:#6e3aa6}[data-section=foundations]{--accent:var(--found);--accent-soft:var(--found-soft);--accent-glow:var(--found-glow)}[data-section=build]{--accent:var(--build);--accent-soft:var(--build-soft);--accent-glow:var(--build-glow)}[data-section=compare]{--accent:var(--found);--accent-soft:var(--found-soft);--accent-glow:#78c8dc4d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01";font-size:16.5px;line-height:1.65;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:var(--hero-grad);transition:background .8s var(--ease);position:fixed;inset:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent-glow);color:var(--text)}h1,h2,h3,h4{font-family:var(--display);color:var(--text);letter-spacing:-.014em;font-feature-settings:"ss01";margin:0;font-weight:400}h1{letter-spacing:-.025em;font-variation-settings:"opsz" 72, "wght" 460;font-size:clamp(2.5rem,4.6vw,3.8rem);line-height:1.02}h2{letter-spacing:-.018em;font-variation-settings:"opsz" 36, "wght" 460;margin:2.2rem 0 .9rem;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.18}h3{font-size:1.2rem;line-height:1.28;font-family:var(--sans);letter-spacing:-.005em;color:var(--text);margin:1.6rem 0 .55rem;font-weight:700}h4{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin:1.2rem 0 .4rem;font-size:.78rem;font-weight:700}p{color:var(--text-soft);margin:0 0 1.05rem}p strong,li strong{color:var(--text);font-weight:700}em{font-family:var(--display);font-variation-settings:"opsz" 14, "wght" 460;color:var(--text);font-style:italic}ul,ol{color:var(--text-soft);margin:0 0 1.1rem;padding-left:1.15rem}li{margin-bottom:.4rem}ul:not(.bare){padding-left:0;list-style:none}ul:not(.bare)>li{padding-left:1.25rem;position:relative}ul:not(.bare)>li:before{content:"";opacity:.35;background:currentColor;border-radius:1px;width:6px;height:6px;position:absolute;top:.7em;left:.05rem;transform:rotate(45deg)}code{font-family:var(--mono);background:var(--code-bg);color:var(--code-text);border:1px solid var(--line);border-radius:5px;padding:.12em .4em;font-size:.86em}kbd{font-family:var(--mono);background:var(--kbd-bg);border:1px solid var(--line-strong);box-shadow:0 1.5px 0 0 var(--line-strong);color:var(--text);border-radius:5px;padding:.15em .45em;font-size:.78em}hr{background:var(--line);border:0;height:1px;margin:2.2rem 0}.code-block{background:var(--code-block-bg);border:1px solid var(--line);border-radius:var(--radius);margin:1.2rem 0 1.6rem;position:relative;overflow:hidden}.code-block-header{font-family:var(--mono);letter-spacing:.04em;background:linear-gradient(180deg, var(--bg-soft), transparent 80%);border-bottom:1px solid var(--line);color:var(--text-mute);align-items:center;gap:.6rem;padding:.5rem .85rem;font-size:.74rem;display:flex}.code-block-header .file{flex:1}.code-block-header .lang{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.66rem;font-weight:600}.code-block pre{font-family:var(--mono);color:var(--code-text);tab-size:2;margin:0;padding:.95rem 1rem;font-size:.86rem;line-height:1.55;overflow-x:auto}.code-block pre .tok-k{color:var(--syntax-keyword)}.code-block pre .tok-s{color:var(--syntax-string)}.code-block pre .tok-c{color:var(--syntax-comment);font-style:italic}.code-block pre .tok-t{color:var(--syntax-tag)}.code-block pre .tok-a{color:var(--syntax-attr)}.code-block pre .tok-n{color:var(--syntax-num)}.code-block pre .tok-fn{color:var(--syntax-tag)}#root{z-index:2;min-height:100svh;position:relative}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header""sidebar main";min-height:100svh;display:grid}.header{z-index:50;height:var(--header-h);background:var(--bg-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--line);grid-area:header;align-items:center;gap:1.2rem;padding:0 1.6rem;display:flex;position:sticky;top:0}.brand{font-family:var(--display);font-variation-settings:"opsz" 36, "wght" 480;letter-spacing:-.012em;color:var(--text);white-space:nowrap;align-items:center;gap:.65rem;font-size:1.2rem;display:flex}.brand-glyph{width:30px;height:30px;display:inline-block;position:relative}.brand-glyph:before{content:"";background:var(--build);border-radius:3px;position:absolute;inset:4px 12px 4px 4px}.brand-glyph:after{content:"";background:var(--found);mix-blend-mode:screen;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;right:0}.brand em{font-variation-settings:"opsz" 14, "wght" 380;color:var(--text-soft);margin-left:.15rem;font-size:.9rem;font-style:italic}.nav{align-items:center;gap:.2rem;margin-left:auto;display:flex}.nav-link{color:var(--text-soft);transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-family:inherit;font-size:.92rem;font-weight:600;display:inline-flex}.nav-link:hover{color:var(--text);background:var(--bg-soft)}.nav-link.active{color:var(--text);border-color:var(--line-strong);background:var(--bg-elevated);box-shadow:0 0 0 4px var(--accent-glow)}.nav-link[data-section=foundations].active{box-shadow:0 0 0 4px var(--found-glow)}.nav-link[data-section=build].active{box-shadow:0 0 0 4px var(--build-glow)}.nav-link svg{width:16px;height:16px}.theme-toggle{border:1px solid var(--line);background:var(--bg-soft);width:38px;height:38px;color:var(--text-soft);cursor:pointer;transition:color .2s, border-color .2s, transform .4s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--line-strong);transform:rotate(20deg)}.theme-toggle svg{width:16px;height:16px}.menu-btn{border:1px solid var(--line);background:var(--bg-soft);width:38px;height:38px;color:var(--text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:none}.sidebar{top:var(--header-h);height:calc(100svh - var(--header-h));border-right:1px solid var(--line);background:linear-gradient(180deg, transparent, var(--bg) 40%);grid-area:sidebar;align-self:start;padding:1.6rem 1.2rem 4rem 1.6rem;position:sticky;overflow-y:auto}.sidebar-eyebrow{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin:1.2rem 0 .5rem;padding-left:.85rem;font-size:.7rem;font-weight:700}.sidebar-eyebrow:first-child{margin-top:0}.sidebar-platform{font-family:var(--display);font-variation-settings:"opsz" 36, "wght" 460;letter-spacing:-.018em;color:var(--text);align-items:center;gap:.55rem;margin-bottom:.4rem;padding:.45rem .8rem;font-size:1.5rem;display:flex}.sidebar-platform svg{width:22px;height:22px;color:var(--accent)}.toc{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:var(--text-mute);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:.55rem;width:100%;padding:.42rem .85rem;font-family:inherit;font-size:.91rem;font-weight:500;transition:color .2s,background .2s;display:flex}.toc-link:before{content:"";opacity:.5;width:4px;height:4px;transition:background .2s, opacity .2s, transform .24s var(--ease);background:currentColor;border-radius:1px;flex-shrink:0;transform:rotate(45deg)}.toc-link:hover{color:var(--text);background:var(--bg-soft)}.toc-link:hover:before{opacity:1;transform:rotate(45deg)scale(1.4)}.toc-link.active{color:var(--text);background:var(--bg-elevated)}.toc-link.active:before{background:var(--accent);opacity:1;box-shadow:0 0 8px var(--accent-glow);transform:rotate(45deg)scale(1.6)}.toc-num{font-family:var(--mono);color:var(--text-faint);margin-left:auto;font-size:.7rem}.main{grid-area:main;min-width:0;padding:2.6rem clamp(1.2rem,4vw,4rem) 6rem}.content{max-width:var(--maxw-content);animation:page-in .48s var(--ease) both;margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1.1rem;font-size:.74rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.7;width:22px;height:1px}.lede{font-family:var(--display);font-variation-settings:"opsz" 24, "wght" 380;color:var(--text-soft);max-width:38ch;margin:0 0 2.2rem;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.5}.lede em{font-variation-settings:"opsz" 24, "wght" 380}.callout{border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);margin:1.4rem 0 1.6rem;padding:1rem 1.1rem 1rem 1.2rem;position:relative}.callout-label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.callout p:last-child{margin-bottom:0}.callout[data-tone=warn]{border-left-color:#f6b35a}.callout[data-tone=warn] .callout-label{color:#f6b35a}.callout[data-tone=note]{border-left-color:var(--text-faint)}.callout[data-tone=note] .callout-label{color:var(--text-mute)}.callout[data-tone=ok]{border-left-color:#6ed29c}.callout[data-tone=ok] .callout-label{color:#6ed29c}.example{border:1px dashed var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-soft));margin:1.3rem 0 1.6rem;padding:1.1rem 1.2rem;position:relative}.example:before{content:"Example";font-family:var(--display);background:var(--bg);color:var(--text-mute);border-radius:4px;padding:.1rem .5rem;font-size:.78rem;font-style:italic;position:absolute;top:-.6rem;left:1rem}.example p:last-child{margin-bottom:0}.steps{counter-reset:step;margin:1rem 0 1.6rem;padding:0;list-style:none}.steps>li{counter-increment:step;margin-bottom:1.1rem;padding-left:2.6rem;position:relative}.steps>li:before{content:counter(step);border:1px solid var(--accent);width:1.9rem;height:1.9rem;color:var(--accent);font-family:var(--display);font-variation-settings:"opsz" 14, "wght" 540;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;top:0;left:0}.terms{border-top:1px solid var(--line);grid-template-columns:minmax(140px,.4fr) 1fr;gap:.6rem 1.4rem;margin:1.2rem 0 1.6rem;padding-top:1rem;display:grid}.terms dt{font-family:var(--mono);color:var(--text);padding-top:.05em;font-size:.86rem}.terms dd{color:var(--text-soft);margin:0 0 .45rem;font-size:.96rem;line-height:1.55}.limits-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;margin:1.2rem 0 1.6rem;display:grid}.limit{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.85rem .95rem}.limit .limit-label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);margin-bottom:.3rem;font-size:.72rem;font-weight:700}.limit .limit-value{font-family:var(--display);font-variation-settings:"opsz" 24, "wght" 480;letter-spacing:-.018em;color:var(--text);font-size:1.4rem;line-height:1.1}.limit .limit-meta{color:var(--text-mute);margin-top:.25rem;font-size:.82rem}.compare-table{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(150px,.55fr) 1fr 1fr 1fr;margin:1.4rem 0 1.6rem;display:grid;overflow:hidden}.compare-table>div{border-bottom:1px solid var(--line);color:var(--text-soft);align-items:flex-start;padding:.85rem 1rem;font-size:.92rem;display:flex}.compare-table>div:nth-last-child(-n+4){border-bottom:0}.compare-table .ct-head{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;background:var(--bg-soft);color:var(--text);font-size:.76rem;font-weight:700}.compare-table .ct-row{font-family:var(--sans);color:var(--text);font-size:.9rem;font-weight:600}.proscons{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.4rem 0;display:grid}.pros,.cons{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);padding:1.1rem 1.2rem}.pros h4,.cons h4{margin-top:0;margin-bottom:.6rem}.pros{border-top:2px solid #6ed29c}.pros h4{color:#6ed29c}.cons{border-top:2px solid #ef7c7c}.cons h4{color:#ef7c7c}.pros ul,.cons ul{margin:0;padding:0;list-style:none}.pros li,.cons li{color:var(--text-soft);margin-bottom:.35rem;padding-left:1.15rem;font-size:.95rem;position:relative}.pros li:before,.cons li:before{font-family:var(--mono);font-size:.95rem;line-height:1.65;position:absolute;top:0;left:0}.pros li:before{content:"+";color:#6ed29c}.cons li:before{content:"–";color:#ef7c7c}.tag-row{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1.2rem;display:flex}.tag{font-family:var(--mono);background:var(--bg-soft);border:1px solid var(--line);color:var(--text-soft);border-radius:5px;padding:.2em .55em;font-size:.74rem}.tree{font-family:var(--mono);background:var(--code-block-bg);border:1px solid var(--line);border-radius:var(--radius);white-space:pre;color:var(--code-text);margin:1rem 0 1.4rem;padding:.95rem 1.1rem;font-size:.86rem;line-height:1.55;overflow-x:auto}.tree .tree-comment{color:var(--text-faint);font-style:italic}.next-prev{border-top:1px solid var(--line);justify-content:space-between;gap:.8rem;margin-top:3rem;padding-top:1.4rem;display:flex}.np-btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;color:var(--text-soft);flex:1;padding:.8rem 1rem;font-family:inherit;transition:color .2s,border-color .2s}.np-btn:hover{color:var(--text);border-color:var(--line-strong)}.np-btn .np-dir{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.np-btn .np-title{font-family:var(--display);font-variation-settings:"opsz" 36, "wght" 460;color:var(--text);letter-spacing:-.012em;font-size:1.1rem}.np-btn[data-dir=next]{text-align:right}.footnote{color:var(--text-mute);font-size:.85rem;font-style:italic;font-family:var(--display);font-variation-settings:"opsz" 14}.brand-found{color:var(--found);font-weight:700}.brand-build{color:var(--build);font-weight:700}@media (width<=900px){:root{--sidebar-w:0px;--header-h:60px}.app{grid-template-columns:1fr;grid-template-areas:"header""main"}.brand em{display:none}.header{gap:.6rem;padding:0 1rem}.nav{gap:.1rem}.nav-link{padding:.4rem .55rem}.nav-link span{display:none}.sidebar{inset:var(--header-h) 0 0 0;width:min(86vw,360px);height:calc(100svh - var(--header-h));background:var(--bg-elevated);border-right:1px solid var(--line);transition:transform .32s var(--ease);z-index:40;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-flex}.main{padding:2rem 1.2rem 5rem}.terms{grid-template-columns:1fr;gap:.2rem 0}.terms dt{margin-top:.7rem}.compare-table{grid-template-columns:1fr 1fr}.compare-table .ct-feature{background:var(--bg-soft);color:var(--text);grid-column:1/-1;font-weight:700}.compare-table>div:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.compare-table>div:nth-last-child(-n+2){border-bottom:0}}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar-backdrop{inset:var(--header-h) 0 0 0;z-index:30;opacity:0;background:#00000080;transition:opacity .24s;display:none;position:fixed}.sidebar-backdrop.open{opacity:1;display:block}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}