:root{--paper:#f1efdf;--paper-deep:#e3dfc8;--ink:#171914;--ink-soft:#4d5045;--acid:#d9ff43;--orange:#ff5c35;--blue:#1b46e8;--line:#17191438;--surface:#fffff89e;--shadow:0 18px 60px #211e1224;--ink-section:#171914;--ink-section-text:#f1efdf;--ink-section-muted:#b6b6a7;--ink-section-line:#f1efdf47;--rail:268px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;scroll-behavior:smooth;font-family:Newsreader,Iowan Old Style,Baskerville,Georgia,serif}:root[data-theme=night]{--paper:#171914;--paper-deep:#24271f;--ink:#f1efdf;--ink-soft:#b6b6a7;--line:#f1efdf33;--surface:#272a21bd;--shadow:0 24px 80px #0006;--ink-section:#0e100d;--ink-section-text:#f1efdf;--ink-section-muted:#aeb0a2;--ink-section-line:#f1efdf3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:linear-gradient(90deg, transparent calc(100% - 1px), var(--line) 1px) 0 0 / 25% 100%, radial-gradient(circle at 85% 8%, color-mix(in srgb, var(--orange) 16%, transparent), transparent 24rem), var(--paper);text-rendering:optimizelegibility;min-width:320px;margin:0;font-size:18px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}::selection{color:#171914;background:var(--acid)}.skip-link{z-index:200;background:var(--acid);color:#171914;padding:.65rem 1rem;font:600 .78rem/1 IBM Plex Mono,monospace;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.topbar{z-index:80;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:72px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{width:var(--rail);border-right:1px solid var(--line);align-items:center;gap:.7rem;height:100%;padding:0 1.35rem;font:600 1rem/1 IBM Plex Mono,monospace;text-decoration:none;display:flex}.logo-mark{border:1px solid var(--ink);background:var(--acid);color:#171914;grid-template-columns:1fr 1fr;place-items:center;width:31px;height:31px;font:600 .8rem/1 IBM Plex Mono,monospace;display:inline-grid;overflow:hidden;transform:rotate(-3deg)}.logo-mark span:last-child{background:var(--ink);width:100%;height:100%;color:var(--paper);place-items:center;display:grid}.version{color:var(--ink-soft);letter-spacing:.08em;margin-left:auto;font-size:.64rem}.topbar__actions{align-items:center;gap:.65rem;padding-right:1rem;display:flex}.search-trigger,.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer}.search-trigger{min-width:260px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:2rem;padding:.65rem .75rem .65rem 1rem;font:400 .72rem/1 IBM Plex Mono,monospace;display:flex}kbd{border:1px solid var(--line);background:var(--paper-deep);color:var(--ink);box-shadow:0 2px 0 var(--line);border-radius:2px;padding:.25rem .4rem;font:500 .62rem/1 IBM Plex Mono,monospace}.icon-button{place-items:center;width:38px;height:38px;padding:0;font:500 1rem/1 IBM Plex Mono,monospace;display:grid}.icon-button:hover,.search-trigger:hover{border-color:var(--ink)}.menu-button{display:none}.rail{z-index:50;width:var(--rail);border-right:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);flex-direction:column;padding:2rem 1.1rem 1.35rem;display:flex;position:fixed;top:72px;bottom:0;left:0}.rail__eyebrow,.overline,.live-label{letter-spacing:.12em;text-transform:uppercase;margin:0;font:600 .66rem/1.3 IBM Plex Mono,monospace}.rail__eyebrow{color:var(--ink-soft);margin:0 0 1.25rem .65rem}.rail nav,.mobile-rail nav{gap:.15rem;display:grid}.rail-link{border:1px solid #0000;grid-template-columns:2.1rem 1fr;gap:.5rem;padding:.68rem .65rem;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:grid}.rail-link:hover{border-color:var(--line);transform:translate(3px)}.rail-link.is-active{border-color:var(--ink);background:var(--acid);color:#171914;box-shadow:3px 3px 0 var(--ink)}.rail-link__number{color:currentColor;padding-top:.13rem;font:500 .62rem/1 IBM Plex Mono,monospace}.rail-link__copy{gap:.15rem;font-size:.94rem;line-height:1;display:grid}.rail-link__copy small{color:currentColor;opacity:.68;font:400 .58rem/1.2 IBM Plex Mono,monospace}.rail-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:.65rem;margin-top:auto;padding:.85rem;display:grid}.rail-note p{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.35}.status-dot{background:var(--orange);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--orange) 20%, transparent);border-radius:50%;margin-top:.25rem}.rail-github{text-transform:uppercase;margin-top:1rem;padding-left:.85rem;font:500 .68rem/1 IBM Plex Mono,monospace;text-decoration:none}.guide{margin-left:var(--rail);padding-top:72px;overflow:hidden}.hero,.doc-section,.footer{width:min(100%,1280px);margin:0 auto;padding-left:clamp(1.5rem,5vw,5rem);padding-right:clamp(1.5rem,5vw,5rem)}.hero{grid-template-columns:minmax(0,1fr) 180px;align-content:center;gap:3rem 5rem;min-height:calc(100svh - 72px);padding-top:6rem;padding-bottom:4rem;display:grid;position:relative}.hero__copy{max-width:820px}.hero .overline{align-items:center;gap:.55rem;margin-bottom:1.8rem;display:inline-flex}.hero .overline:before{content:"";background:var(--orange);width:2.5rem;height:8px}.hero h1{letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(4.2rem,9.3vw,9rem);font-weight:400;line-height:.8}.hero h1 em{z-index:1;font-weight:500;position:relative}.hero h1 em:after{z-index:-1;content:"";background:var(--acid);height:.18em;position:absolute;bottom:.04em;left:-.02em;right:-.04em;transform:rotate(-1deg)}.hero__lede{max-width:650px;color:var(--ink-soft);margin:2.5rem 0 0;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.35}.hero__actions,.next-card>div:last-child{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{border:1px solid var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;min-height:46px;padding:.8rem 1.15rem;font:600 .72rem/1 IBM Plex Mono,monospace;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button--acid{background:var(--acid);color:#171914}.button--quiet{background:0 0}.button--ink{background:var(--ink);color:var(--paper)}.hero__stamp{border:1px solid var(--ink);border-radius:50%;align-content:center;place-items:center;width:84px;height:84px;font:600 .62rem/1.15 IBM Plex Mono,monospace;display:grid;position:absolute;top:3rem;right:clamp(1.5rem,5vw,5rem);transform:rotate(9deg)}.hero__stamp small{color:var(--ink-soft);margin-top:.25rem;font-size:.5rem}.hero__facts{border-top:1px solid var(--ink);align-self:end;display:grid}.fact{border-bottom:1px solid var(--line);grid-template-columns:2.7rem 1fr;gap:.7rem;padding:.8rem 0;display:grid}.fact strong{font:600 .9rem/1 IBM Plex Mono,monospace}.fact span{color:var(--ink-soft);font-size:.82rem;line-height:1.1}.hero__rule{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 24px);height:12px;position:absolute;bottom:0;left:0;right:0}.doc-section{border-bottom:1px solid var(--line);padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem);scroll-margin-top:72px}.doc-section--ink{background:var(--ink-section);width:100%;max-width:none;color:var(--ink-section-text)}.doc-section--ink>*{width:min(100%,1120px);margin-left:auto;margin-right:auto}.doc-section--ink .section-intro,.doc-section--ink .concept-card p,.doc-section--ink .owner-node span{color:var(--ink-section-muted)}.doc-section--grid{background:repeating-linear-gradient(0deg, transparent 0 47px, var(--line) 47px 48px)}.doc-section--acid{background:linear-gradient(115deg, color-mix(in srgb, var(--acid) 70%, var(--paper)) 0 42%, var(--paper) 42%)}.section-heading{grid-template-columns:120px minmax(0,780px);gap:2rem;margin-bottom:4rem;display:grid}.section-index{align-items:flex-start;gap:.8rem;padding-top:.4rem;font:500 .75rem/1 IBM Plex Mono,monospace;display:flex}.section-index i{background:currentColor;width:50px;height:1px;margin-top:.35rem}.section-heading .overline{color:var(--orange);margin-bottom:1rem}.section-heading h2{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(3rem,6vw,5.6rem);font-weight:400;line-height:.95}.section-intro{max-width:680px;color:var(--ink-soft);margin:1.5rem 0 0;font-size:1.25rem;line-height:1.4}.split-grid,.diagram-layout,.lifecycle-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.split-grid--demo{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.prose-stack{gap:1.5rem;display:grid}.prose-stack>p{max-width:620px;color:var(--ink-soft);margin:0;font-size:1.12rem}.install-strip{border:1px solid var(--ink);background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;display:flex}.install-strip code{padding:.85rem 1rem;font:500 .75rem/1 IBM Plex Mono,monospace}.install-strip button{border:0;border-left:1px solid color-mix(in srgb, var(--paper) 30%, transparent);color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;align-self:stretch;padding:0 1rem;font:500 .64rem/1 IBM Plex Mono,monospace}.callout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:1rem;padding:1rem 0;display:grid}.callout>span{color:var(--orange);text-transform:uppercase;font:600 .62rem/1.4 IBM Plex Mono,monospace}.callout p{margin:0;font-size:.95rem}.live-card{border:1px solid var(--ink);background:var(--surface);box-shadow:8px 8px 0 color-mix(in srgb, var(--ink) 12%, transparent)}.counter-demo{justify-content:space-between;align-items:stretch;display:flex}.counter-demo>div:first-child{align-items:baseline;gap:1rem;padding:1rem 1.2rem;display:flex}.counter-demo output{min-width:2ch;font-size:3rem;line-height:1}.counter-controls{border-left:1px solid var(--ink);grid-template-columns:48px 68px 48px;display:grid}.counter-controls button,.lab-actions button,.resource-picks button,.boundary-mini button,.boundary-fallback button,.danger-link{cursor:pointer;text-transform:uppercase;background:0 0;border:0;font:500 .64rem/1 IBM Plex Mono,monospace}.counter-controls button+button{border-left:1px solid var(--line)}.counter-controls button:hover,.lab-actions button:hover{background:var(--acid);color:#171914}.code-block{--syntax-builtin:#7442a8;--syntax-comment:#737568;--syntax-function:#174eb6;--syntax-keyword:#a6295f;--syntax-literal:#8a3a9e;--syntax-number:#c34824;--syntax-operator:#9b3c21;--syntax-string:#14705d;border:1px solid var(--ink);color:#1b1d17;min-width:0;box-shadow:10px 10px 0 color-mix(in srgb, var(--ink) 9%, transparent);background:#f8f6e9;overflow:hidden}.code-block--dark{--syntax-builtin:#dab0ff;--syntax-comment:#8e9384;--syntax-function:#9bbcff;--syntax-keyword:#ff91bc;--syntax-literal:#d9a6ff;--syntax-number:#ff9a72;--syntax-operator:#ffda56;--syntax-string:#a7dc9e;color:#f1efdf;background:#10120e;border-color:#f1efdf59;box-shadow:10px 10px #00000040}.code-block__bar{text-transform:uppercase;border-bottom:1px solid;justify-content:space-between;align-items:center;padding:.65rem .8rem;font:500 .62rem/1 IBM Plex Mono,monospace;display:flex}.code-block__bar:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px;margin-right:.5rem}.code-block__bar span{margin-right:auto}.code-block__bar button{color:inherit;cursor:pointer;font:inherit;text-transform:uppercase;background:0 0;border:0}.code-block pre{tab-size:2;max-width:100%;margin:0;padding:clamp(1rem,3vw,1.6rem);font:400 .76rem/1.75 IBM Plex Mono,monospace;overflow:auto}.token--keyword{color:var(--syntax-keyword);font-weight:600}.token--function{color:var(--syntax-function)}.token--string{color:var(--syntax-string)}.token--number{color:var(--syntax-number)}.token--literal{color:var(--syntax-literal);font-weight:600}.token--builtin{color:var(--syntax-builtin)}.token--operator{color:var(--syntax-operator)}.token--comment{color:var(--syntax-comment);font-style:italic}.reactivity-layout{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.concept-grid{border-top:1px solid var(--ink-section-line);border-left:1px solid var(--ink-section-line);grid-template-columns:1fr;display:grid}.concept-card{border-right:1px solid var(--ink-section-line);border-bottom:1px solid var(--ink-section-line);min-height:112px;padding:1.2rem 1.3rem}.concept-card code{color:var(--acid);font:500 .82rem/1 IBM Plex Mono,monospace}.concept-card p{margin:2rem 0 0;font-size:.95rem;line-height:1.35}.wide-code{min-width:0}.diagram-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}.architecture{border:1px solid var(--ink);background:var(--paper-deep);gap:.75rem;padding:1.4rem;display:grid;position:relative}.architecture:before{content:"";background:color-mix(in srgb, var(--orange) 65%, transparent);width:46px;height:24px;position:absolute;top:-13px;right:14px;transform:rotate(5deg)}.architecture__caption{text-transform:uppercase;margin:0 0 .6rem;font:500 .62rem/1 IBM Plex Mono,monospace}.diagram-node{border:1px solid var(--ink);gap:.5rem;padding:1rem;display:grid}.diagram-node small{text-transform:uppercase;opacity:.65;font:600 .58rem/1 IBM Plex Mono,monospace}.diagram-node code{overflow-wrap:anywhere;font:500 .72rem/1.4 IBM Plex Mono,monospace}.diagram-node--acid{background:var(--acid);color:#171914}.diagram-node--paper{background:var(--paper)}.diagram-node--orange{background:var(--orange);color:#171914}.diagram-arrow{text-transform:uppercase;padding-left:1rem;font:500 .6rem/1 IBM Plex Mono,monospace}.architecture__note{color:var(--ink-soft);margin:.75rem 0 0;font-size:.86rem;font-style:italic}.check-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.check-list li{grid-template-columns:1.2rem 1fr;gap:.55rem;font-size:.95rem;display:grid}.check-list li:before{content:"↳";color:var(--orange);font-family:IBM Plex Mono,monospace}.list-lab{overflow:hidden}.live-card__head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.live-card__head small,.request-state{text-transform:uppercase;font:500 .58rem/1 IBM Plex Mono,monospace}.list-lab ol{margin:0;padding:0;list-style:none}.list-lab li{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:.8rem 1rem;display:grid}.list-lab li span,.list-lab li code{color:var(--ink-soft);font:400 .6rem/1 IBM Plex Mono,monospace}.list-lab li strong{font-weight:500}.lab-actions{grid-template-columns:repeat(3,1fr);display:grid}.lab-actions button{min-height:44px}.lab-actions button+button{border-left:1px solid var(--line)}.resource-lab,.boundary-fallback{background:var(--paper);color:var(--ink);overflow:hidden}.request-state{align-items:center;gap:.4rem;display:inline-flex}.request-state:before{content:"";background:#45a253;border-radius:50%;width:7px;height:7px}.request-state.is-loading:before{background:var(--orange);animation:.8s infinite alternate pulse}.resource-picks{flex-wrap:wrap;gap:.4rem;padding:1rem;display:flex}.resource-picks button{border:1px solid var(--line);padding:.55rem .7rem}.resource-picks button.is-selected{border-color:var(--ink);background:var(--acid);color:#171914}.resource-screen{border:1px solid var(--ink);color:#f1efdf;background:#171914;place-items:center;min-height:150px;margin:0 1rem;display:grid}.resource-screen output{place-items:center;gap:.4rem;display:grid}.resource-screen output strong{color:var(--acid);font-size:2rem;font-weight:500}.resource-screen output span,.scan-line{text-transform:uppercase;font:400 .62rem/1 IBM Plex Mono,monospace}.scan-line{color:var(--acid);position:absolute}.danger-link{color:#9e2715;text-align:left;width:100%;padding:1rem}.boundary-fallback{border-color:var(--orange);align-content:center;gap:1rem;min-height:330px;padding:2rem;display:grid}.boundary-fallback>span{background:var(--orange);color:#171914;width:max-content;padding:.35rem .5rem;font:600 .6rem/1 IBM Plex Mono,monospace}.boundary-fallback h3,.boundary-fallback p{margin:0}.boundary-fallback button,.boundary-mini button{border:1px solid;width:max-content;padding:.7rem .85rem}.boundary-mini{border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.boundary-mini>div{gap:.15rem;display:grid}.boundary-mini span,.boundary-mini p{color:var(--ink-soft);margin:0;font-size:.8rem}.boundary-mini--failed{border-color:var(--orange);color:#9e2715}.components-chapter{gap:clamp(4rem,8vw,7rem);display:grid}.component-imports{border:1px solid var(--ink);background:var(--blue);color:#f7f4df;box-shadow:10px 10px 0 var(--ink);grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:end;gap:2rem;padding:2rem;display:grid}.component-imports h3{max-width:410px;margin:.5rem 0 0;font-size:clamp(2.1rem,4vw,3.7rem);font-weight:400;line-height:.95}.component-import-grid{border-top:1px solid #f7f4df8c;border-left:1px solid #f7f4df8c;grid-template-columns:repeat(3,minmax(0,1fr))}.component-import{border-bottom:1px solid #f7f4df8c;border-right:1px solid #f7f4df8c;gap:1.4rem;min-width:0;padding:1rem;display:grid}.component-import>p{margin:0;font-size:.78rem}.component-import>p:first-child,.component-import code{font:500 .66rem/1.35 IBM Plex Mono,monospace}.component-import code{overflow-wrap:anywhere}.specimen-board{border:1px solid var(--ink);background:var(--paper);min-width:0;box-shadow:12px 12px 0 color-mix(in srgb, var(--ink) 12%, transparent)}.specimen-board__head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.specimen-board__head h3{margin:.45rem 0 0;font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:.95}.reference-count,.workbench-stamp{letter-spacing:.06em;flex:none;margin:0;font:600 .7rem/1 IBM Plex Mono,monospace}.reference-count{background:var(--acid);color:#171914;padding:.6rem .75rem}.element-filter{border-bottom:1px solid var(--ink);grid-template-columns:160px 1fr;align-items:center;display:grid}.element-filter label{text-transform:uppercase;padding:1rem 1.2rem;font:600 .68rem/1 IBM Plex Mono,monospace}.element-filter input{border:0;border-left:1px solid var(--ink);background:var(--surface);min-width:0;color:var(--ink);border-radius:0;outline:0;padding:1rem 1.2rem}.element-filter input:focus{background:color-mix(in srgb, var(--acid) 28%, var(--paper));box-shadow:inset 0 0 0 3px var(--acid)}.element-groups{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.element-group{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:1.35rem}.element-group:nth-child(2n){border-right:0}.element-group__title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.element-group__title h4,.element-group__title span{text-transform:uppercase;margin:0;font:600 .67rem/1 IBM Plex Mono,monospace}.element-group__title span{color:var(--orange)}.element-tags{flex-wrap:wrap;gap:.45rem;display:flex}.element-tags code{border:1px solid var(--line);background:var(--surface);padding:.4rem .5rem;font:500 .67rem/1 IBM Plex Mono,monospace}.reference-empty{text-align:center;grid-column:1/-1;margin:0;padding:3rem 2rem}.reference-note{background:var(--ink);color:var(--paper);margin:0;padding:1rem 1.3rem;font-size:.8rem}.component-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,3vw,2.5rem)}.component-workbench{position:relative}.workbench-stamp{border:1px solid var(--ink);padding:.65rem .8rem;transform:rotate(2deg)}.workbench-breadcrumbs{border-bottom:1px solid var(--ink);padding:.85rem 1.4rem}.workbench-breadcrumbs ol{text-transform:uppercase;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;font:500 .65rem/1 IBM Plex Mono,monospace;list-style:none;display:flex}.workbench-breadcrumbs li{gap:.6rem;display:flex}.workbench-breadcrumbs a{text-underline-offset:.2rem;text-decoration-thickness:1px}.workbench-grid{grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr)}.workbench-panel{min-width:0;padding:clamp(1.25rem,3vw,2rem)}.workbench-panel+.workbench-panel{border-left:1px solid var(--ink)}.workbench-panel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.workbench-panel__head h4,.workbench-panel__head p{margin:0}.workbench-panel__head h4{font-size:1.5rem;font-weight:500}.workbench-panel__head p{color:var(--ink-soft);text-transform:uppercase;font:500 .61rem/1 IBM Plex Mono,monospace}.workbench-form form{gap:1rem;display:grid}.workbench-form [data-flub-field]{border:1px solid var(--ink);grid-template-columns:minmax(110px,.38fr) minmax(0,1fr);display:grid}.workbench-form [data-flub-label]{border-right:1px solid var(--ink);background:var(--paper-deep);grid-row:1/span 2;padding:.8rem;font-size:.85rem}.workbench-form input,.workbench-form select{background:var(--surface);min-width:0;color:var(--ink);border:0;border-radius:0;outline:0;padding:.75rem .85rem}.workbench-form input:focus,.workbench-form select:focus{box-shadow:inset 0 0 0 3px var(--acid)}.workbench-form [data-flub-hint]{color:var(--ink-soft);padding:0 .85rem .55rem;font-size:.68rem}.workbench-form [data-flub-choice]{border:1px solid var(--ink);align-items:center;gap:.7rem;padding:.8rem;display:flex}.workbench-form [role=switch]{width:2.4rem;height:1.2rem;accent-color:var(--blue);margin:0}.workbench-form .button{justify-self:start}.workbench-status{border-left:5px solid var(--orange);background:var(--surface);margin-top:1.2rem;padding:.75rem .85rem;font:500 .7rem/1.3 IBM Plex Mono,monospace}.mini-grid{grid-template-columns:repeat(3,1fr)}.mini-grid>div{border:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:110px;padding:.8rem;display:flex}.mini-grid>div:nth-child(2){background:var(--acid);color:#171914;transform:translateY(10px)}.mini-grid p,.mini-grid h5{margin:0}.mini-grid p{font:500 .65rem/1 IBM Plex Mono,monospace}.mini-grid h5{font-size:1.2rem;font-weight:500}.workbench-disclosure{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:2rem}.workbench-disclosure summary{cursor:pointer;padding:1rem 0;font-weight:600}.workbench-disclosure p{color:var(--ink-soft);margin:0;padding:0 0 1rem;font-size:.9rem}.workbench-actions{align-items:center;margin-top:1.5rem}.workbench-actions p{color:var(--ink-soft);margin:0;font:500 .62rem/1.3 IBM Plex Mono,monospace}.workbench-dialog{border:1px solid var(--ink);background:var(--paper);width:min(90vw,560px);color:var(--ink);box-shadow:14px 14px 0 var(--acid);padding:clamp(1.5rem,4vw,3rem)}.workbench-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080a07c2}.workbench-dialog h3{margin:.7rem 0 1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:.9}.workbench-dialog>p:not(.live-label){color:var(--ink-soft)}.workbench-dialog .button{margin-top:1rem}.component-reference{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.component-reference__intro{position:sticky;top:100px}.component-reference__intro h3{margin:.8rem 0 1.2rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.95}.component-reference__intro>p:last-child{color:var(--ink-soft)}.component-family-list{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:88px minmax(0,1fr);margin:0;display:grid}.component-family-list dt,.component-family-list dd{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0;padding:1.2rem}.component-family-list dt{background:var(--paper-deep);flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.component-family-list dt span{color:var(--orange);font:600 .65rem/1 IBM Plex Mono,monospace}.component-family-list dt h4{writing-mode:vertical-rl;margin:0;font-size:1.05rem;font-weight:500;transform:rotate(180deg)}.component-family-list dd{gap:.8rem;display:grid}.component-family-list dd code{color:var(--blue);font:600 .68rem/1.55 IBM Plex Mono,monospace}:root[data-theme=night] .component-family-list dd code{color:#89a4ff}.component-family-list dd p{margin:0;font-size:.88rem}.component-family-list .component-props{color:var(--ink-soft);font:500 .65rem/1.5 IBM Plex Mono,monospace}.context-banner{border:1px solid var(--ink);background:var(--orange);color:#171914;box-shadow:8px 8px 0 var(--ink);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;padding:1.5rem;display:flex}.context-banner h3{margin:.4rem 0 0;font-size:2rem;font-weight:500}.lifecycle-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.owner-tree{border:1px solid var(--ink-section-line);padding:1rem}.owner-node>div:first-child{border:1px solid var(--ink-section-line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.owner-node code{color:var(--acid);font:500 .7rem/1 IBM Plex Mono,monospace}.owner-node span{font-size:.72rem}.owner-children{border-left:1px solid var(--ink-section-line);gap:.5rem;margin-left:1.4rem;padding:.5rem 0 .5rem 1rem;display:grid}.api-groups{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.api-group{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.api-group h3{border-bottom:1px solid var(--ink);background:var(--ink);color:var(--paper);margin:0;padding:1rem;font-size:1.15rem;font-weight:500}.api-group dl{margin:0}.api-group dt{padding:.9rem 1rem .25rem}.api-group dt code{font:500 .68rem/1.3 IBM Plex Mono,monospace}.api-group dd{border-bottom:1px solid var(--line);color:var(--ink-soft);margin:0;padding:0 1rem .9rem;font-size:.82rem;line-height:1.35}.api-group dd:last-child{border-bottom:0}.next-card{border:1px solid var(--ink);background:var(--blue);color:#f7f4df;box-shadow:10px 10px 0 var(--ink);justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:4rem;padding:2rem;display:flex}.next-card h2{max-width:620px;margin:.6rem 0 0;font-size:clamp(2.4rem,5vw,4rem);font-weight:400;line-height:.95}.next-card>div:last-child{flex-shrink:0;margin:0}.next-card .button{border-color:#f7f4df}.next-card .button:hover{box-shadow:4px 4px #f7f4df}.footer{border-top:1px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding-top:3rem;padding-bottom:3rem;display:grid}.footer>div{align-items:center;gap:.7rem;font:600 .8rem/1 IBM Plex Mono,monospace;display:flex}.footer p{color:var(--ink-soft);text-align:center;margin:0;font-size:.85rem}.footer>a{text-transform:uppercase;font:500 .66rem/1 IBM Plex Mono,monospace}.mobile-scrim,.portal-scrim,.search-scrim{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c0d0aad;animation:.16s both fade-in;position:fixed;inset:0}.mobile-rail{background:var(--paper);width:min(88vw,360px);height:100%;color:var(--ink);margin-left:auto;padding:1rem;animation:.22s cubic-bezier(.22,.8,.25,1) both slide-in;overflow:auto}.mobile-rail__head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.mobile-rail__head h2{margin:0;font-weight:500}.mobile-rail .rail-note{margin-top:2rem}.portal-scrim{place-items:center;padding:1rem;display:grid}.portal-card{color:#171914;width:min(100%,560px);box-shadow:14px 14px 0 var(--acid);background:#f1efdf;border:1px solid #171914;padding:clamp(1.5rem,5vw,3rem);animation:.24s cubic-bezier(.2,.8,.2,1) both card-in;position:relative;transform:rotate(-.7deg)}.portal-card__flag{background:var(--orange);padding:.4rem .55rem;font:600 .6rem/1 IBM Plex Mono,monospace;display:inline-block}.portal-card h2{margin:1.5rem 0 1rem;font-size:clamp(2.7rem,7vw,5rem);font-weight:400;line-height:.9}.portal-card p{color:#515348}.portal-card>code{border:1px solid #171914;margin:1.5rem 0;padding:1rem;font:500 .72rem/1.4 IBM Plex Mono,monospace;display:block}.search-scrim{place-items:start center;padding:max(8vh,5rem) 1rem 1rem;display:grid}.search-panel{color:#171914;width:min(100%,650px);box-shadow:12px 12px 0 var(--acid);background:#f1efdf;border:1px solid #171914;animation:.18s both search-in;overflow:hidden}.search-box{border-bottom:1px solid #171914;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 1rem;display:grid}.search-box>span{font-size:1.5rem}.search-box input{color:#171914;background:0 0;border:0;outline:0;min-width:0;padding:.55rem 0;font-size:1.25rem}.search-results{max-height:min(60vh,520px);padding:.5rem;overflow:auto}.search-results>a{grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem;padding:.8rem;text-decoration:none;display:grid}.search-results>a:hover,.search-results>a:focus{background:#d9ff43;outline:0}.search-results>a>span{font:500 .65rem/1 IBM Plex Mono,monospace}.search-results>a div{display:grid}.search-results>a strong{font-weight:500}.search-results>a small{color:#65675b;font:400 .6rem/1 IBM Plex Mono,monospace}.search-help,.empty-search{color:#65675b;border-top:1px solid #171914;margin:0;padding:.8rem 1rem;font:400 .6rem/1 IBM Plex Mono,monospace}.fatal-screen{background:var(--paper);min-height:100vh;color:var(--ink);place-content:center;justify-items:start;padding:2rem;display:grid}.fatal-screen h1{margin:0;font-size:clamp(3rem,8vw,7rem);font-weight:400}@keyframes pulse{to{opacity:.25}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(100%)}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)rotate(1deg)}}@keyframes search-in{0%{opacity:0;transform:translateY(-18px)scale(.98)}}@media (width<=1050px){:root{--rail:230px}.hero{grid-template-columns:1fr}.hero__facts{grid-template-columns:repeat(3,1fr)}.split-grid,.diagram-layout,.lifecycle-grid{gap:2.5rem}.api-groups,.component-reference{grid-template-columns:1fr}.component-reference__intro{position:static}}@media (width<=820px){:root{--rail:0px}body{background-size:50% 100%,auto,auto}.topbar{height:62px}.reactivity-layout{grid-template-columns:1fr}.wordmark{border-right:0;width:auto}.version{margin-left:0}.search-trigger{place-items:center;width:40px;min-width:0;height:38px;padding:0;display:grid}.search-trigger>span{display:none}.search-trigger kbd{box-shadow:none;background:0 0;border:0;font-size:0}.search-trigger kbd:after{content:"⌕";font-size:1.1rem}.menu-button{display:grid}.rail{display:none}.guide{margin-left:0;padding-top:62px}.hero{min-height:calc(100svh - 62px);padding-top:7rem}.hero h1{font-size:clamp(4rem,15vw,7rem)}.hero__facts{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr;gap:1rem}.section-index{margin-bottom:.5rem}.split-grid,.split-grid--demo,.diagram-layout,.lifecycle-grid,.component-imports,.workbench-grid,.component-code-grid{grid-template-columns:1fr}.workbench-panel+.workbench-panel{border-top:1px solid var(--ink);border-left:0}.doc-section--acid{background:linear-gradient(160deg, color-mix(in srgb, var(--acid) 70%, var(--paper)) 0 32%, var(--paper) 32%)}.next-card{flex-direction:column;align-items:flex-start}.footer{text-align:left;grid-template-columns:1fr}.footer p{text-align:left}}@media (width<=560px){body{font-size:16px}.topbar__actions{gap:.35rem;padding-right:.6rem}.wordmark{padding:0 .7rem}.version{display:none}.hero,.doc-section,.footer{padding-left:1rem;padding-right:1rem}.hero h1{font-size:clamp(3.5rem,18vw,5.5rem)}.hero__stamp{width:68px;height:68px;top:1.5rem;right:1rem}.hero__actions .button{width:100%}.section-heading h2{font-size:clamp(2.7rem,13vw,4rem)}.concept-grid{grid-template-columns:1fr}.component-imports{padding:1.2rem}.component-import-grid,.element-groups{grid-template-columns:1fr}.component-import{min-height:118px}.element-group,.element-group:nth-child(2n){border-right:0}.specimen-board__head{flex-direction:column;align-items:flex-start}.element-filter{grid-template-columns:1fr}.element-filter input{border-top:1px solid var(--ink);border-left:0}.workbench-panel__head{flex-direction:column;align-items:flex-start}.workbench-form [data-flub-field]{grid-template-columns:1fr}.workbench-form [data-flub-label]{border-right:0;border-bottom:1px solid var(--ink);grid-row:auto}.component-family-list{grid-template-columns:60px minmax(0,1fr)}.component-family-list dt,.component-family-list dd{padding:.9rem}.counter-demo{display:grid}.counter-controls{border-top:1px solid var(--ink);border-left:0;min-height:48px}.callout{grid-template-columns:1fr}.context-banner{flex-direction:column;align-items:stretch}.list-lab li{grid-template-columns:2rem 1fr}.list-lab li code{display:none}.boundary-mini{flex-direction:column;align-items:flex-start}.next-card{padding:1.2rem}.next-card .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}