:root{--canvas:#000;--ink:#f2f1ee;--ink-2:#f2f1eea3;--ink-3:#f2f1ee8a;--hairline:#ffffff17;--hairline-strong:#ffffff24;--fill:#ffffff12;--surface:#ffffff0d;--raised:#141412;--good:#53be70;--live:#edb345;--font-sans:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius-item:13px;--radius-card:16px;--gutter:16px;--measure:46rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--canvas:lab(0% 0 0);--ink:lab(95.1498% -.0343025 1.52482);--ink-2:lab(95.1498% -.0343025 1.52482/.64);--ink-3:lab(95.1498% -.0343025 1.52482/.54);--hairline:lab(100% 0 0/.09);--hairline-strong:lab(100% 0 0/.14);--fill:lab(100% 0 0/.07);--surface:lab(100% 0 0/.05);--raised:lab(6.21313% -.0128746 1.24765);--good:lab(69.418% -45.1896 29.6823);--live:lab(76.8535% 14.2022 61.9688)}}@media (min-width:768px){:root{--gutter:40px}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:500;line-height:1.15}p{text-wrap:pretty;margin:0}a{color:inherit;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}code,.stamp time{font-family:var(--font-mono);font-size:.92em}.mark{width:24px;height:24px;color:var(--ink);flex:none}.page{max-width:calc(var(--measure) + 2 * var(--gutter));padding:32px var(--gutter) 64px;margin:0 auto}.top{justify-content:space-between;align-items:center;gap:16px;padding-bottom:48px;display:flex}.brand{align-items:center;gap:10px;font-weight:500;text-decoration:none;display:inline-flex}.top-links{color:var(--ink-2);gap:20px;font-size:15px;display:flex}.lead h1{font-size:clamp(32px,6vw,48px)}.lead p{color:var(--ink-2);max-width:36rem;margin-top:16px;font-size:18px}.demo-list{border-top:1px solid var(--hairline);margin:48px 0 0;padding:0;list-style:none}.demo-item{border-bottom:1px solid var(--hairline);padding:24px 0}.demo-item h2{font-size:22px}.demo-item h2 a{text-decoration:none}.demo-item h2 a:hover{text-decoration:underline}.demo-item p{color:var(--ink-2);margin-top:8px}.meta{color:var(--ink-3);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:14px;display:flex}.empty{color:var(--ink-2);margin-top:48px}.foot{color:var(--ink-3);margin-top:64px;font-size:14px}.shell-bar{padding:12px var(--gutter);border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;font-size:14px;display:flex}.shell-home{align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.shell-home .mark{width:20px;height:20px}.shell-links{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.shell-version{color:var(--ink-3);font-family:var(--font-mono);font-size:13px}.demo{max-width:calc(var(--measure) + 2 * var(--gutter));padding:32px var(--gutter) 48px;margin:0 auto}.demo-title{margin-bottom:24px;font-size:clamp(26px,5vw,36px)}.demo-lead{color:var(--ink-2);max-width:38rem}.cards{gap:16px;margin-top:32px;display:grid}@media (min-width:640px){.cards{grid-template-columns:1fr 1fr}}.card{border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);padding:20px}.card h2{font-size:18px}.card .stamp{margin-top:16px;font-size:20px}.card .note{color:var(--ink-2);margin-top:12px;font-size:15px}.card .pending{color:var(--ink-3);margin-top:16px;font-size:20px}.tag{background:var(--fill);color:var(--ink-2);font-family:var(--font-mono);border-radius:999px;margin-top:8px;padding:2px 8px;font-size:12px;display:inline-block}.hint{color:var(--ink-3);margin-top:24px;font-size:15px}