@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/af21ab248943f479-s.0z23a3hpu8ttr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/4ae66b896b591e96-s.02aqyp7acl16b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/21ca8f3f56c22ca2-s.p.14a9xpaqsbppk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_8c2be2a3-module__iX1fDW__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_8c2be2a3-module__iX1fDW__variable{--font-archivo:"Archivo", "Archivo Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_f8290d5a-module__2Nw1lG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_f8290d5a-module__2Nw1lG__variable{--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--paper:#fafafd;--paper-2:#f2f1f9;--paper-3:#e9e8f3;--ink:#16151d;--ink-2:#52515e;--ink-3:#807f8b;--line:#dedde6;--line-strong:#c4c3ce;--violet:#5d01fa;--violet-hover:#4d00d3;--violet-wash:#eceaff;--violet-line:#c4bfff;--on-violet:#fafafd;--code-bg:#181826;--code-bg-2:#232232;--code-fg:#e4e3ec;--code-dim:#918fa4;--c-host:var(--ink);--c-container:var(--violet);--c-volume:#008b97;--c-network:#d6810c;--c-laravel:#db2d27;--c-ok:#1a8a51;--c-warn:#cf7c00;--ok-wash:#ddf6e4;--warn-wash:#ffedd5;--font-sans:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains), ui-monospace, "SFMono-Regular", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--radius-s:6px;--radius-m:10px;--radius-l:16px;--sidebar-w:288px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--paper:lab(98.2132% .602365 -1.77875);--paper-2:lab(95.4977% 1.21585 -3.5498);--paper-3:lab(92.327% 1.71581 -4.96079);--ink:lab(7.06984% 2.05682 -5.48343);--ink-2:lab(34.8188% 2.86129 -7.6996);--ink-3:lab(53.4247% 2.26375 -6.34259);--line:lab(88.2863% 1.46654 -4.25485);--line-strong:lab(78.9668% 1.9764 -5.65965);--violet:lab(34.4551% 70.5451 -100.933);--violet-hover:lab(28.0383% 64.2631 -90.5895);--violet-wash:lab(93.2753% 4.45443 -12.3023);--violet-line:lab(79.3158% 11.9602 -31.3618);--on-violet:lab(98.2132% .602365 -1.77875);--code-bg:lab(8.63815% 3.5878 -9.81127);--code-bg-2:lab(13.8447% 3.73489 -10.547);--code-fg:lab(90.6063% 1.4658 -4.25533);--code-dim:lab(60.2605% 3.87231 -10.515);--c-volume:lab(52.2228% -32.3613 -17.2526);--c-network:lab(62.3846% 28.4251 66.4184);--c-laravel:lab(49.2082% 65.8428 48.3527);--c-ok:lab(50.6391% -41.6871 21.5283);--c-warn:lab(60.0532% 28.6103 67.7923);--ok-wash:lab(94.6726% -10.8478 5.55805);--warn-wash:lab(94.8285% 3.83258 15.0762)}}:root[data-theme=dark]{--paper:#101016;--paper-2:#15151e;--paper-3:#1f1e29;--ink:#eeeef4;--ink-2:#b0afbd;--ink-3:#807e8c;--line:#2b2a35;--line-strong:#41404f;--violet:#968cff;--violet-hover:#a8a3ff;--violet-wash:#211f40;--violet-line:#504799;--on-violet:#0d0c15;--code-bg:#08070e;--code-bg-2:#13121c;--c-volume:#47c5d2;--c-network:#f7ac4d;--c-laravel:#fa6a57;--c-ok:#5ec386;--c-warn:#f7ac4d;--ok-wash:#102719;--warn-wash:#30200d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--paper:lab(4.73944% 1.27305 -3.97989);--paper-2:lab(7.05297% 2.17878 -6.23246);--paper-3:lab(11.6107% 2.8382 -7.69845);--ink:lab(94.1248% .969321 -2.84209);--ink-2:lab(71.9664% 2.49952 -7.05671);--ink-3:lab(53.4042% 2.52953 -7.03899);--line:lab(17.4393% 2.4759 -7.04291);--line-strong:lab(27.8304% 3.07672 -8.81196);--violet:lab(62.644% 30.3097 -65.5262);--violet-hover:lab(70.2126% 22.9812 -55.5536);--violet-wash:lab(13.4048% 8.93302 -20.7793);--violet-line:lab(34.4012% 21.3371 -44.7694);--on-violet:lab(3.56981% 1.65299 -5.00961);--code-bg:lab(2.14908% .930399 -2.83175);--code-bg-2:lab(6.01768% 2.24812 -6.6456);--c-volume:lab(73.118% -32.694 -17.4);--c-network:lab(76.5561% 21.8102 58.7346);--c-laravel:lab(63.5337% 55.1878 39.7829);--c-ok:lab(71.5402% -41.2165 21.2208);--c-warn:lab(76.5561% 21.8102 58.7346);--ok-wash:lab(13.525% -12.6451 6.50586);--warn-wash:lab(14.1012% 6.04549 15.4899)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-variation-settings:"wdth" 100;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}img,svg{max-width:100%;display:block}a{color:var(--violet);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--violet-hover)}:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:4px}::selection{background:var(--violet);color:var(--on-violet)}button{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--violet);color:var(--on-violet);border-radius:var(--radius-s);padding:8px 14px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{background:var(--paper-2);border-right:1px solid var(--line);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;padding:22px 22px 18px;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-mark{flex:none;width:34px;height:31px}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-name{letter-spacing:.32em;font-variation-settings:"wdth" 112;font-size:.8125rem;font-weight:500}.brand-sub{font-variation-settings:"wdth" 112;font-size:1rem;font-weight:650}.search-trigger{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--paper);width:calc(100% - 32px);color:var(--ink-2);cursor:pointer;text-align:left;transition:border-color .16s var(--ease-out);align-items:center;gap:10px;margin:0 16px 14px;padding:9px 12px;font-size:.9375rem;display:flex}.search-trigger:hover{border-color:var(--violet-line)}.search-trigger span:first-of-type{flex:1}kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--ink-2);background:var(--paper);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.75rem}.progress{color:var(--ink-2);margin:0 22px 10px;font-size:.8125rem}.progress-row{justify-content:space-between;margin-bottom:6px;display:flex}.progress-bar{background:var(--paper-3);border-radius:99px;height:4px;overflow:hidden}.progress-bar>span{background:var(--violet);border-radius:inherit;transform-origin:0;height:100%;transition:transform .4s var(--ease-out);display:block}.nav{overscroll-behavior:contain;flex:1;padding:6px 10px 18px;overflow-y:auto}.nav ol{margin:0;padding:0;list-style:none}.nav-link{border-radius:var(--radius-s);color:var(--ink-2);transition:background-color .16s var(--ease-out), color .16s var(--ease-out);grid-template-columns:30px 1fr auto;align-items:center;gap:4px;padding:7px 12px;font-size:.9375rem;line-height:1.35;text-decoration:none;display:grid;position:relative}.nav-link:hover{background:var(--paper-3);color:var(--ink)}.nav-link[aria-current=page]{background:var(--violet-wash);color:var(--ink);font-weight:600}.nav-num{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.nav-link[aria-current=page] .nav-num{color:var(--violet)}.nav-state{width:16px;height:16px;color:var(--c-ok)}.nav-group{color:var(--ink-3);margin:18px 12px 6px;font-size:.8125rem}.sidebar-foot{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:.8125rem;display:flex}.icon-btn{border-radius:var(--radius-s);width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--paper-3);color:var(--ink)}.icon-btn svg{width:18px;height:18px}.topbar{display:none}.main{min-width:0;padding-block:56px 96px;padding-inline:clamp(20px,5vw,72px)}.content{max-width:46rem;margin-inline:auto}.backdrop{display:none}@media (max-width:960px){.shell{grid-template-columns:minmax(0,1fr)}.topbar{z-index:30;background:color-mix(in oklch, var(--paper) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar .brand{padding:0}.topbar .brand-mark{width:28px;height:26px}.sidebar{z-index:50;width:min(320px,86vw);transition:transform .28s var(--ease-out);box-shadow:0 0 0 1px var(--line);position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar[data-open=true]{transform:none}.backdrop{z-index:40;opacity:0;pointer-events:none;transition:opacity .28s var(--ease-out);background:#16151f66;background:lab(7.02489% 2.65916 -6.82799/.4);display:block;position:fixed;inset:0}.backdrop[data-open=true]{opacity:1;pointer-events:auto}.main{padding-block:32px 72px;padding-inline:16px}}.chapter-head{margin-bottom:40px}.chapter-kicker{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;font-size:.9375rem;display:flex}.chapter-kicker strong{color:var(--violet);font-weight:600}h1,h2,h3{font-variation-settings:"wdth" 115;text-wrap:balance;color:var(--ink);line-height:1.12}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2.25rem,1.6rem + 2.4vw,3.25rem);font-weight:700}.lede{color:var(--ink-2);text-wrap:pretty;max-width:36em;margin:0;font-size:1.25rem;line-height:1.5}.prose h2{letter-spacing:-.01em;margin:64px 0 16px;font-size:1.75rem;font-weight:650}.prose h3{font-variation-settings:"wdth" 108;margin:36px 0 10px;font-size:1.1875rem;font-weight:650}.prose p,.prose ul,.prose ol{text-wrap:pretty;margin:0 0 18px}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:6px}.prose li::marker{color:var(--ink-3)}.prose strong{font-weight:650}.heading-anchor{color:inherit;text-decoration:none}.heading-anchor:hover{color:inherit}.heading-anchor:after{content:"#";color:var(--ink-3);opacity:0;transition:opacity .16s var(--ease-out);margin-left:.35em}.heading-anchor:hover:after,.heading-anchor:focus-visible:after{opacity:1}:not(pre)>code{font-family:var(--font-mono);background:var(--paper-3);color:var(--ink);overflow-wrap:anywhere;border-radius:5px;padding:.12em .4em;font-size:.86em}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-m);margin:0 0 24px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.5}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 14px}.table-wrap th{background:var(--paper-2);color:var(--ink);font-weight:600}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td:first-child{white-space:nowrap}.terms{border-top:1px solid var(--line);grid-template-columns:max-content 1fr;gap:0;margin:0 0 24px;display:grid}.terms dt,.terms dd{border-bottom:1px solid var(--line);margin:0;padding:14px 0}.terms dt{font-variation-settings:"wdth" 110;align-items:center;gap:10px;padding-right:28px;font-weight:650;display:flex}.terms dt svg{flex:none;width:22px;height:22px}.terms dd{color:var(--ink-2)}@media (max-width:560px){.terms{grid-template-columns:1fr}.terms dt{border-bottom:0;padding-bottom:2px}.terms dd{padding-top:0}}.code{border-radius:var(--radius-m);background:var(--code-bg);color:var(--code-fg);margin:0 0 24px;overflow:hidden}.code-bar{background:var(--code-bg-2);min-height:40px;font-family:var(--font-mono);color:var(--code-dim);justify-content:space-between;align-items:center;gap:12px;padding:0 6px 0 14px;font-size:.8125rem;display:flex}.code-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.code-title svg{flex:none;width:14px;height:14px}.code-body{overflow-x:auto}.code-body pre{font-family:var(--font-mono);tab-size:2;width:max-content;min-width:100%;margin:0;padding:16px 18px 18px;font-size:.875rem;line-height:1.7;background:0 0!important}.code-body code{font-family:inherit}.code-body .line.prompt:before{content:"$ ";color:var(--code-dim);-webkit-user-select:none;user-select:none}.code-body .line.hl{background:#5e45cd38;background:lab(38.7016% 38.7887 -68.5501/.22);width:calc(100% + 36px);margin-inline:-18px;padding-inline:18px;display:inline-block}.copy-btn{border-radius:var(--radius-s);height:30px;color:var(--code-dim);font-family:var(--font-sans);cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:.8125rem;display:inline-flex}.copy-btn:hover{color:var(--code-fg);background:#ffffff14;background:lab(100% 0 0/.08)}.copy-btn svg{width:15px;height:15px}.copy-btn[data-copied=true]{color:#72d699;color:lab(78.5052% -41.1154 21.156)}.callout{border-radius:var(--radius-m);background:var(--paper-2);grid-template-columns:22px 1fr;gap:12px;margin:0 0 24px;padding:14px 18px;font-size:.9875rem;display:grid}.callout>svg{width:20px;height:20px;margin-top:3px}.callout p:last-child,.callout ul:last-child{margin-bottom:0}.callout-title{margin-bottom:2px;font-weight:650;display:block}.callout[data-kind=tip]{background:var(--violet-wash)}.callout[data-kind=tip]>svg{color:var(--violet)}.callout[data-kind=trap]{background:var(--warn-wash)}.callout[data-kind=trap]>svg{color:var(--c-warn)}.callout[data-kind=ok]{background:var(--ok-wash)}.callout[data-kind=ok]>svg{color:var(--c-ok)}.exercise{border:1px solid var(--violet-line);border-radius:var(--radius-l);background:var(--paper);transition:border-color .24s var(--ease-out);margin:40px 0;overflow:hidden}.exercise[data-done=true]{border-color:color-mix(in srgb, var(--c-ok) 60%, var(--paper))}.exercise-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 0;display:flex}.exercise-label{color:var(--violet);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:inline-flex}.exercise-label svg{width:18px;height:18px}.exercise[data-done=true] .exercise-label{color:var(--c-ok)}.exercise-title{font-variation-settings:"wdth" 110;margin:4px 0 0;font-size:1.25rem;font-weight:650;line-height:1.25}.exercise-body{padding:12px 22px 8px}.exercise-body ol{counter-reset:step;padding:0;list-style:none}.exercise-body ol>li{counter-increment:step;margin-bottom:12px;padding-left:36px;position:relative}.exercise-body ol>li:before{content:counter(step);background:var(--violet-wash);width:24px;height:24px;color:var(--violet);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:650;display:grid;position:absolute;top:2px;left:0}.exercise-body .code{margin-top:10px}.done-toggle{border:1px solid var(--line-strong);background:var(--paper);height:36px;color:var(--ink-2);cursor:pointer;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:99px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:550;display:inline-flex}.done-toggle:hover{border-color:var(--c-ok);color:var(--ink)}.done-toggle svg{width:16px;height:16px}.done-toggle[aria-pressed=true]{background:var(--c-ok);border-color:var(--c-ok);color:var(--paper)}.reveal{border-top:1px solid var(--line)}.reveal summary{cursor:pointer;color:var(--ink-2);transition:color .16s var(--ease-out), background-color .16s var(--ease-out);align-items:center;gap:10px;padding:13px 22px;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.reveal summary::-webkit-details-marker{display:none}.reveal summary:hover{color:var(--ink);background:var(--paper-2)}.reveal summary svg{width:16px;height:16px;transition:transform .22s var(--ease-out)}.reveal[open] summary svg{transform:rotate(90deg)}.reveal-body{padding:4px 22px 14px}@media (max-width:560px){.exercise-head{flex-direction:column;gap:12px;padding:16px 16px 0}.exercise-body,.reveal-body,.reveal summary{padding-inline:16px}}.figure{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--paper-2);margin:32px 0 36px;overflow:hidden}.figure-stage{padding:20px;position:relative}.figure-stage svg{width:100%;height:auto;overflow:visible}.figure-foot{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px 12px 20px;display:flex}.figure-caption{color:var(--ink-2);flex:18rem;margin:0;font-size:.9375rem;line-height:1.45}.figure-caption strong{color:var(--ink);font-weight:600}.figure-controls{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--paper);min-height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out), transform .12s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-3);color:var(--ink)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:15px;height:15px}.btn-primary{background:var(--violet);border-color:var(--violet);color:var(--on-violet)}.btn-primary:hover{background:var(--violet-hover);border-color:var(--violet-hover);color:var(--on-violet)}.btn-mono{font-family:var(--font-mono);font-size:.8125rem;font-weight:500}.segmented{border-radius:var(--radius-m);background:var(--paper-3);padding:3px;display:inline-flex}.segmented button{min-height:32px;color:var(--ink-2);cursor:pointer;transition:background-color .18s var(--ease-out), color .18s var(--ease-out);background:0 0;border:0;border-radius:7px;padding:0 14px;font-size:.875rem;font-weight:550}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #16151f1f;box-shadow:0 1px 2px lab(7.02489% 2.65916 -6.82799/.12)}.svg-label{font-family:var(--font-sans);fill:var(--ink);font-variation-settings:"wdth" 108;font-size:14px;font-weight:600}.svg-small{font-family:var(--font-sans);fill:var(--ink-2);font-size:12px}.svg-mono{font-family:var(--font-mono);fill:var(--ink-2);font-size:12px}.pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:80px;padding-top:28px;display:grid}.pager a{border:1px solid var(--line);border-radius:var(--radius-m);color:var(--ink);transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);flex-direction:column;gap:2px;padding:14px 18px;text-decoration:none;display:flex}.pager a:hover{border-color:var(--violet-line);background:var(--paper-2);color:var(--ink)}.pager small{color:var(--ink-3);font-size:.8125rem}.pager span{font-variation-settings:"wdth" 108;font-weight:600}.pager .next{text-align:right;grid-column:2}@media (max-width:560px){.pager{grid-template-columns:1fr}.pager .next{grid-column:1}}.palette{border:1px solid var(--line-strong);border-radius:var(--radius-l);background:var(--paper);width:min(600px,100vw - 32px);max-height:min(560px,100dvh - 120px);color:var(--ink);margin:12vh auto auto;padding:0;overflow:hidden;box-shadow:0 24px 64px #16142347;box-shadow:0 24px 64px lab(6.90181% 4.32767 -10.1463/.28)}.palette::backdrop{background:#16151f6b;background:lab(7.02489% 2.65916 -6.82799/.42)}.palette[open]{animation:palette-in .22s var(--ease-out);flex-direction:column;display:flex}@keyframes palette-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.palette-input{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 16px;display:flex}.palette-input svg{width:18px;height:18px;color:var(--ink-3)}.palette-input input{height:56px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1.0625rem}.palette-list{margin:0;padding:8px;list-style:none;overflow-y:auto}.palette-item{border-radius:var(--radius-s);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 12px;text-decoration:none;display:flex}.palette-item[aria-selected=true]{background:var(--violet-wash);color:var(--ink)}.palette-item small{color:var(--ink-3);white-space:nowrap;font-size:.8125rem}.palette-empty{text-align:center;color:var(--ink-2);padding:28px 16px}.home-head{max-width:46rem;margin:0 auto 36px}.home-title{font-variation-settings:"wdth" 122;letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.5rem,1.5rem + 3.6vw,4rem);line-height:1.02}.home-stage{max-width:60rem;margin:0 auto 64px}.home-body{max-width:46rem;margin-inline:auto}.route{border-top:1px solid var(--line);margin:8px 0 32px;padding:0;list-style:none}.route li{border-bottom:1px solid var(--line)}.route a{color:var(--ink);transition:background-color .16s var(--ease-out);grid-template-columns:44px 1fr auto;align-items:baseline;gap:4px 12px;padding:16px 4px;text-decoration:none;display:grid}.route a:hover{background:var(--paper-2);color:var(--ink)}.route-num{font-family:var(--font-mono);color:var(--violet);font-size:.875rem}.route-title{font-variation-settings:"wdth" 110;font-size:1.0625rem;font-weight:650}.route-summary{color:var(--ink-2);grid-column:2;font-size:.9375rem;line-height:1.45}.route-meta{color:var(--ink-3);white-space:nowrap;grid-area:1/3;align-items:center;gap:8px;font-size:.8125rem;display:flex}.route-meta svg{width:16px;height:16px;color:var(--c-ok)}.route-phase{color:var(--ink-2);margin:36px 0 0;font-size:.9375rem;font-weight:600}.cta-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn-lg{border-radius:var(--radius-m);min-height:46px;padding:0 20px;font-size:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.figure-scroll{overflow-x:auto}@media (max-width:640px){.figure-stage{padding:14px}.figure-stage>svg{min-width:540px}}.compose-hero{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--paper-2);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);display:grid;overflow:hidden}.compose-term{background:var(--code-bg);color:var(--code-fg);flex-direction:column;min-height:360px;display:flex}.compose-term-bar{background:var(--code-bg-2);align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.compose-term-bar span{background:#ffffff29;background:lab(100% 0 0/.16);border-radius:50%;width:10px;height:10px}.compose-term-bar em{font-style:normal;font-family:var(--font-mono);color:var(--code-dim);margin-left:8px;font-size:.8125rem}.compose-term pre{font-family:var(--font-mono);white-space:pre;flex:1;margin:0;padding:18px;font-size:.8125rem;line-height:1.85;overflow-x:auto}.t-prompt{color:var(--code-dim)}.t-line{animation:t-in .26s var(--ease-out)}@keyframes t-in{0%{opacity:0;transform:translateY(4px)}}.t-ok{color:#72d699;color:lab(78.5052% -41.1154 21.156)}.t-state{color:#bcb3fa;color:lab(75.6687% 14.6464 -34.3075)}.t-healthy{color:#72d699;color:lab(78.5052% -41.1154 21.156)}.t-caret{vertical-align:-.2em;background:var(--code-fg);width:.6em;height:1.1em;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.compose-diagram{flex-direction:column;min-width:0;display:flex}.compose-diagram>svg{flex:1;width:100%;height:auto;padding:20px 20px 4px}.compose-foot{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 12px 20px;display:flex}.compose-foot p{color:var(--ink-2);margin:0;font-size:.9375rem;line-height:1.45}@media (max-width:1100px){.compose-hero{grid-template-columns:minmax(0,1fr)}.compose-term{min-height:0}.compose-term pre{min-height:250px}}.issues{border:1px solid var(--line);border-radius:var(--radius-m);margin:0 0 24px;overflow:hidden}.issue+.issue{border-top:1px solid var(--line)}.issue summary{cursor:pointer;transition:background-color .16s var(--ease-out);align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.issue summary::-webkit-details-marker{display:none}.issue summary:hover{background:var(--paper-2)}.issue summary svg{width:16px;height:16px;color:var(--ink-3);transition:transform .22s var(--ease-out);flex:none}.issue[open] summary svg{color:var(--violet);transform:rotate(90deg)}.issue summary code{color:var(--ink);background:0 0;padding:0;font-size:.875rem}.issue[open] summary{background:var(--paper-2)}.issue-body{padding:14px 16px 4px 44px}@media (max-width:560px){.issue-body{padding-left:16px}}.sheet td:first-child{white-space:normal;width:55%}.sheet td code{background:0 0;padding:0;font-size:.84rem}.sheet tr:hover td{background:var(--paper-2)}.issue-plain{font-size:.9375rem;font-weight:600}@media (max-width:640px){.compose-diagram>svg{padding:12px 8px 0}.compose-foot{padding-left:16px}}