.plates{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));align-items:start;display:grid}.plates .sheet-fig{min-width:0;margin:0}.plates .plate-form{--cf-accent:var(--hue-3)}.plates .plate-faq{--faq-accent:var(--hue-4)}figure.plate{margin:0 0 var(--space-5)}figure.plate figcaption{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.code .tok-key{color:var(--accent)}.spec-wrap{margin:0 0 var(--space-4);overflow-x:auto}.notice .notice-kind{margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;display:block}.notice.draft{background:var(--accent-soft)}.swatches{gap:var(--space-3);margin:0 0 var(--space-5);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));display:grid}.swatch{border:var(--stroke) solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:var(--text-xs)}.swatch i{border-bottom:var(--stroke) solid var(--rule);height:3.25rem;display:block}.swatch span{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);display:block}.theme-pane{padding:var(--space-5);margin:0 0 var(--space-5);background:var(--paper);color:var(--ink);border:var(--stroke) solid var(--rule);border-radius:var(--radius)}.type-sample{margin:0 0 var(--space-4);font-family:var(--font-display);font-weight:700;line-height:1.1}.sample-h1{font-size:var(--text-hero);letter-spacing:-.03em}.sample-h2{font-size:var(--text-2xl)}.sample-h3{font-size:var(--text-xl)}.space-bar{background:var(--accent);height:.75rem;display:inline-block}.hero.solo{grid-template-columns:minmax(0,1fr)}.flow-note{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);color:var(--ink-2)}.platform-index{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.platform-index a{padding:var(--space-1) 0;display:inline-block}.checklist{max-width:var(--measure);padding-left:var(--space-5)}.checklist li{margin-bottom:var(--space-2)}

@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2")}:root,[data-theme=light]{color-scheme:light;--paper:#fbfaf6;--paper-2:#f2efe6;--ink:#16140f;--ink-2:#4d493e;--rule:#8c8676;--hair:#d9d4c6;--accent:#b23c06;--accent-ink:#fff;--accent-soft:#f6e1d3;--focus:#16140f;--hue-1:#6d28d9;--hue-2:#c2410c;--hue-3:#1d4ed8;--hue-4:#0a7d5a;--tint-1:#ece6fb;--tint-2:#fde9d9;--tint-3:#e0e9fd;--tint-4:#d6f1e5;--on-hue:#fff;--panel-bg:#16140f;--panel-fg:#f0ede4;--panel-fg-2:#c9c3b3;--panel-accent:#ff9055;--panel-rule:#4a463b;--term-bg:#0b0c0e;--term-fg:#a8f0c8;--term-prompt:#9aa0ac;--term-edge:#2c2f36;--grad-1:#c2410c;--grad-2:#b45309;--grad-3:#be123c;--on-grad:#fff;--grad-warm:linear-gradient(120deg, var(--grad-1), var(--grad-2) 55%, var(--grad-3));--grad-wash:linear-gradient(160deg, var(--tint-2), var(--paper) 70%);--glow-color:#c2410c61;--glow-soft:0 0 2.5rem var(--glow-color);--glow-strong:0 0 1rem var(--glow-color), 0 0 4rem var(--glow-color);--shadow-color:#16140f47;--shadow-deep:0 1.5rem 3rem -1rem var(--shadow-color), 0 .5rem 1rem -.5rem var(--shadow-color)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#14120e;--paper-2:#1d1a14;--ink:#f0ede4;--ink-2:#b7b1a2;--rule:#7f7968;--hair:#34302a;--accent:#ff9055;--accent-ink:#14120e;--accent-soft:#3a2415;--focus:#f0ede4;--hue-1:#c4b5fd;--hue-2:#fdba74;--hue-3:#93c5fd;--hue-4:#6ee7b7;--tint-1:#2a2147;--tint-2:#3b2314;--tint-3:#16264a;--tint-4:#103325;--on-hue:#14120e;--panel-bg:#1d1a14;--panel-fg:#f0ede4;--panel-fg-2:#b7b1a2;--panel-accent:#ff9055;--panel-rule:#4a463b;--term-bg:#0b0c0e;--term-fg:#a8f0c8;--term-prompt:#9aa0ac;--term-edge:#2c2f36;--grad-1:#ff9055;--grad-2:#fbbf24;--grad-3:#fb7185;--on-grad:#14120e;--grad-warm:linear-gradient(120deg, var(--grad-1), var(--grad-2) 55%, var(--grad-3));--grad-wash:linear-gradient(160deg, var(--tint-2), var(--paper) 70%);--glow-color:#ff905573;--glow-soft:0 0 2.5rem var(--glow-color);--glow-strong:0 0 1rem var(--glow-color), 0 0 4rem var(--glow-color);--shadow-color:#0009;--shadow-deep:0 1.5rem 3rem -1rem var(--shadow-color), 0 .5rem 1rem -.5rem var(--shadow-color)}}[data-theme=dark]{color-scheme:dark;--paper:#14120e;--paper-2:#1d1a14;--ink:#f0ede4;--ink-2:#b7b1a2;--rule:#7f7968;--hair:#34302a;--accent:#ff9055;--accent-ink:#14120e;--accent-soft:#3a2415;--focus:#f0ede4;--hue-1:#c4b5fd;--hue-2:#fdba74;--hue-3:#93c5fd;--hue-4:#6ee7b7;--tint-1:#2a2147;--tint-2:#3b2314;--tint-3:#16264a;--tint-4:#103325;--on-hue:#14120e;--panel-bg:#1d1a14;--panel-fg:#f0ede4;--panel-fg-2:#b7b1a2;--panel-accent:#ff9055;--panel-rule:#4a463b;--term-bg:#0b0c0e;--term-fg:#a8f0c8;--term-prompt:#9aa0ac;--term-edge:#2c2f36;--grad-1:#ff9055;--grad-2:#fbbf24;--grad-3:#fb7185;--on-grad:#14120e;--grad-warm:linear-gradient(120deg, var(--grad-1), var(--grad-2) 55%, var(--grad-3));--grad-wash:linear-gradient(160deg, var(--tint-2), var(--paper) 70%);--glow-color:#ff905573;--glow-soft:0 0 2.5rem var(--glow-color);--glow-strong:0 0 1rem var(--glow-color), 0 0 4rem var(--glow-color);--shadow-color:#0009;--shadow-deep:0 1.5rem 3rem -1rem var(--shadow-color), 0 .5rem 1rem -.5rem var(--shadow-color)}:root{--font-display:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-text:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:clamp(1.2rem, 1.1rem + .5vw, 1.4rem);--text-xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-2xl:clamp(1.9rem, 1.5rem + 2vw, 2.9rem);--text-hero:clamp(2.4rem, 1.7rem + 3.6vw, 4.6rem);--text-h3:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--leading-head:1.15;--leading-text:1.6;--leading-note:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.25rem;--space-7:3.5rem;--space-8:5.5rem;--page-max:74rem;--measure:38rem;--measure-note:72ch;--gutter:clamp(1rem, 4vw, 2.5rem);--radius:2px;--stroke:1px;--target:2.75rem;--section-pad:clamp(2.5rem, 1rem + 4.5vw, 4.5rem);--flow-block:clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);--flow-head:var(--space-3);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:linear(0, .25 8%, .72 22%, 1.04 36%, 1.06 44%, .99 62%, 1 80%, 1);--dur-short:.16s;--dur-medium:.42s;--dur-long:.8s;--dur-scene:1.4s;--dur-ambient:10s}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-text);font-size:100%;line-height:var(--leading-text);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--space-7)}body{font-size:var(--text-base);margin:0}main{display:block}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-head);letter-spacing:-.025em;text-wrap:balance;margin:0}h1{font-size:var(--text-hero);letter-spacing:-.03em;line-height:1}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-h3)}h2+p,h3+p{margin-top:var(--flow-head)}p{margin:0 0 var(--space-4)}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}code,pre,kbd{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius)}::selection{background:var(--accent);color:var(--accent-ink)}.skip{left:var(--space-3);z-index:10;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:var(--text-sm);position:absolute;top:-4rem}.skip:focus{top:var(--space-3)}.wrap{width:100%;max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto}.wrap.narrow{max-width:calc(var(--measure) + 2 * var(--gutter))}.mono{font-family:var(--font-mono)}figure{margin:0}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-2);font-size:var(--text-sm)}.label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.draft-banner{padding:var(--space-2) var(--gutter);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--accent-soft);color:var(--ink);border-bottom:var(--stroke) solid var(--accent);margin:0}header.site{z-index:3;border-bottom:var(--stroke) solid var(--hair);position:relative}header.site .bar{align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-4);padding-bottom:var(--space-4);flex-wrap:wrap;display:flex}header.site .brand{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--ink);margin-right:auto;line-height:1;text-decoration:none}header.site .brand span{color:var(--accent)}header.site nav ul{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}header.site nav a{padding:var(--space-1) 0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);border-bottom:var(--stroke) solid transparent;text-decoration:none;display:inline-block}header.site nav a:hover,header.site nav a[aria-current]{border-bottom-color:var(--accent)}.lang{gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:flex}.lang a{text-align:center;border:var(--stroke) solid var(--rule);border-radius:var(--radius);min-width:2.75rem;min-height:2.75rem;color:var(--ink);line-height:2.75rem;text-decoration:none;display:inline-block}.lang [aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}header.site .account-in{padding:0 var(--space-2);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none}header.site .account-in:hover{color:var(--accent)}header.site .account-up{border-radius:999px;min-height:2.5rem;padding:0 1.1rem;line-height:2.5rem}header.site .tools{align-items:center;gap:var(--space-2);display:flex}.theme-toggle{border:1px solid var(--rule);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;transition:border-color .16s,background-color .16s;display:inline-grid}.theme-toggle[hidden]{display:none}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.theme-toggle .icon-sun,.theme-toggle[data-shown=dark] .icon-moon{display:none}.theme-toggle[data-shown=dark] .icon-sun{display:block}.lang-select[hidden]{display:none}.lang-select select{appearance:none;border:1px solid var(--rule);background-color:#0000;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);height:2.5rem;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background-position:calc(100% - 1rem) 55%,calc(100% - .7rem) 55%;background-repeat:no-repeat;background-size:.3rem .3rem;border-radius:999px;padding:0 2.1rem 0 .9rem;transition:border-color .16s}.lang-select select:hover{border-color:var(--accent)}.lang-select option{background:var(--paper);color:var(--ink)}footer.site{margin-top:var(--space-8);padding:var(--space-6) 0 var(--space-7);border-top:var(--stroke) solid var(--ink);font-size:var(--text-sm)}footer.site .cols{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}footer.site h2{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--space-3)}footer.site ul{margin:0;padding:0;list-style:none}footer.site li{margin-bottom:var(--space-2)}footer.site .fine{margin:var(--space-6) 0 0;color:var(--ink-2)}.hero{gap:var(--space-6);padding-top:var(--space-7);padding-bottom:var(--space-7);display:grid}@media (width>=62rem){.hero{align-items:start;column-gap:var(--space-7);padding-top:var(--space-8);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.hero>*,.sheet-section>*{min-width:0}.hero .label{margin:0 0 var(--space-4)}.hero .lede{max-width:var(--measure);margin:var(--space-5) 0 var(--space-5);font-size:var(--text-lg);color:var(--ink-2);line-height:1.5}.actions{align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.sheet-fig{margin:0 0 var(--space-5);padding:var(--space-4);border:var(--stroke) solid var(--ink);background:var(--paper-2);position:relative}.sheet-fig:before,.sheet-fig:after{content:"";border:2px solid var(--accent);width:.9rem;height:.9rem;position:absolute}.sheet-fig:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.sheet-fig:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.sheet-fig figcaption{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.made-fig{max-width:34rem}.sheet-fig .snap{border:var(--stroke) solid var(--rule);--snap-radius:2px}.button{border:var(--stroke) solid var(--accent);border-radius:var(--radius);min-height:2.75rem;font:inherit;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-ink);background:var(--accent);cursor:pointer;padding:.65rem 1.1rem;text-decoration:none;display:inline-block}.button:hover{text-underline-offset:.2em;text-decoration:underline}.button.quiet{color:var(--ink);border-color:var(--ink);background:0 0}.button:disabled{opacity:.6;cursor:not-allowed}button.button[hidden]{display:none}.sheet-section{gap:var(--space-4) var(--space-6);padding-top:var(--section-pad);padding-bottom:var(--section-pad);border-top:var(--stroke) solid var(--hair);display:grid}@media (width>=62rem){.sheet-section{grid-template-columns:minmax(0,17rem) minmax(0,1fr)}.sheet-section .rail{top:var(--space-5);align-self:start;position:sticky}}.sheet-section .folio{margin:0 0 var(--space-3)}.sheet-section h2{font-size:var(--text-xl)}.sheet-section .body>:last-child{margin-bottom:0}.sheet-section .body>p{max-width:var(--measure)}.sheet-section .body>*+*{margin-top:var(--flow-block)}.sheet-section .body>p:first-child+*{margin-top:var(--space-5)}.sheet-section :is(.pf-tag,.pf-note,.ar-note,.sf-note,.bk-outcome,.bk-replay,.dt-caption,.undo-note){max-width:var(--measure-note);line-height:var(--leading-note)}.code{margin:0 0 var(--space-4);border:var(--stroke) solid var(--rule);border-radius:var(--radius);background:var(--paper-2)}.code .code-title{padding:var(--space-2) var(--space-4);border-bottom:var(--stroke) solid var(--hair);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);margin:0}.code pre{padding:var(--space-4);font-size:var(--text-sm);tab-size:2;margin:0;line-height:1.55;overflow-x:auto}.code pre:focus-visible{outline-offset:-3px}table.spec{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}table.spec caption{padding-bottom:var(--space-2);text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}table.spec th,table.spec td{padding:var(--space-3) var(--space-4) var(--space-3) 0;text-align:left;vertical-align:top;border-top:var(--stroke) solid var(--hair)}table.spec thead th{border-top:var(--stroke) solid var(--ink);border-bottom:var(--stroke) solid var(--ink);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-weight:400}table.spec tbody th{white-space:nowrap;font-weight:600}table.spec tbody tr:last-child>*{border-bottom:var(--stroke) solid var(--ink)}table.spec .num{font-family:var(--font-mono)}.notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:var(--stroke) solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--paper-2);font-size:var(--text-sm)}.notice>:last-child{margin-bottom:0}.steps:not(.snap *){padding:var(--space-2) var(--space-5);counter-reset:step;background:var(--panel-bg);color:var(--panel-fg);border:var(--stroke) solid var(--panel-rule);border-radius:10px;grid-template-columns:minmax(0,1fr);gap:0;margin:0;list-style:none;display:grid}.steps:not(.snap *) li{padding:var(--space-4) 0 var(--space-4) 3.25rem;border-top:1px dashed var(--panel-rule);color:var(--panel-fg-2);position:relative}.steps:not(.snap *) li:first-child{border-top:0}.steps:not(.snap *) li:before{counter-increment:step;content:counter(step, decimal-leading-zero) / "";left:0;top:var(--space-4);border:2px solid var(--panel-accent);width:2.25rem;height:2.25rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--panel-accent);place-items:center;display:grid;position:absolute}.steps:not(.snap *) strong{margin-bottom:var(--space-1);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.015em;color:var(--panel-fg);line-height:1.2;display:block}.steps:not(.snap *) .term{margin:var(--space-3) 0 0}.steps:not(.snap *) a{color:var(--panel-accent)}dl.faq{margin:0}dl.faq dt{margin-top:var(--space-4);font-weight:600}dl.faq dd{margin:var(--space-1) 0 0;max-width:var(--measure);color:var(--ink-2)}form[data-abuse-form],form[data-subscribe-form]{gap:var(--space-4);max-width:28rem;display:grid}form[data-abuse-form][hidden],form[data-subscribe-form][hidden]{display:none}label{gap:var(--space-1);font-weight:600;display:grid}input[type=email],input[type=url],input[type=text],select,textarea{border:var(--stroke) solid var(--rule);border-radius:var(--radius);font:inherit;color:var(--ink);background:var(--paper);padding:.65rem .75rem}label small{color:var(--ink-2);font-weight:400}label.consent{gap:var(--space-2);align-items:flex-start;font-weight:400;display:flex}.status{min-height:1.5rem;margin:0}.prompt-label{margin:var(--space-4) 0 var(--space-1);font-weight:600}.prompt{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);background:var(--paper-2);border:var(--stroke) solid var(--rule);border-radius:var(--radius);overflow-wrap:anywhere}.prompt code{font-size:var(--text-sm);user-select:all}.agent-links a{margin-right:var(--space-4)}section.first{padding:var(--space-6) 0 0}section.first h1{font-size:var(--text-2xl);margin-bottom:var(--space-4)}[data-legal-text]{max-width:var(--measure);overflow-wrap:anywhere}[data-legal-text] table,[data-legal-text] pre{max-width:100%;display:block;overflow-x:auto}.flow{gap:var(--space-5);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.flow li{gap:var(--space-1) var(--space-5);padding:var(--space-3) var(--space-4);border:var(--stroke) solid var(--rule);border-radius:var(--radius);background:var(--paper-2);border-left:6px solid var(--hue-1);display:grid;position:relative}.flow li:nth-child(4n+2){border-left-color:var(--hue-2)}.flow li:nth-child(4n+3){border-left-color:var(--hue-3)}.flow li:nth-child(4n){border-left-color:var(--hue-4)}.flow li+li:before{content:"↓" / "";top:calc(-1 * var(--space-5));left:var(--space-4);height:var(--space-5);line-height:var(--space-5);font-family:var(--font-mono);color:var(--accent);position:absolute}.flow .label{margin:0}.flow strong{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:1.25}@media (width>=40rem){.flow li{grid-template-columns:11rem minmax(0,1fr);align-items:baseline}}.platform{padding-top:var(--space-5);margin-top:var(--space-5);border-top:var(--stroke) solid var(--hair)}.platform h3{margin:0 0 var(--space-3);scroll-margin-top:var(--space-5)}.platform h3:focus{outline:2px solid var(--accent);outline-offset:4px}.platform h4{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:400}.platform ul{margin:0 0 var(--space-3);padding-left:var(--space-5);max-width:var(--measure)}.platform p{max-width:var(--measure)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,.button{transition:color .12s,background-color .12s,border-color .12s}}@media print{.draft-banner,header.site nav,.lang{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes reveal-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@keyframes draw-line{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.timeline li,.recipe,.layers li{animation:linear both reveal-in view();animation-range:entry entry 45%}.timeline:before{animation:linear both draw-line view();animation-range:entry 10% cover 60%}}}.sheet-section.stage-section{display:block}.stage-head{text-align:center;max-width:46rem;margin:0 auto}.stage-section h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2rem,1.2rem + 3.2vw,3.6rem);line-height:1.05}.stage-lede{margin:var(--space-4) auto 0;max-width:var(--measure);font-size:var(--text-lg);color:var(--ink-2)}.stage-more{text-align:center;color:var(--ink-2)}@media (width<=40rem){header.site .bar{gap:var(--space-2) var(--space-3);padding-top:var(--space-3);padding-bottom:var(--space-3)}header.site nav:not(.lang-nav){scrollbar-width:none;order:3;width:100%;overflow-x:auto}header.site nav ul{gap:var(--space-4);flex-wrap:nowrap}header.site nav a{white-space:nowrap}header.site .tools{gap:var(--space-1)}header.site .account-in{padding:0 var(--space-1)}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}[data-stagger]>:first-child{--i:0}[data-stagger]>:nth-child(2){--i:1}[data-stagger]>:nth-child(3){--i:2}[data-stagger]>:nth-child(4){--i:3}[data-stagger]>:nth-child(5){--i:4}[data-stagger]>:nth-child(6){--i:5}[data-stagger]>:nth-child(7){--i:6}[data-stagger]>:nth-child(8){--i:7}[data-stagger]>:nth-child(9){--i:8}[data-stagger]>:nth-child(10){--i:9}[data-stagger]>:nth-child(11){--i:10}[data-stagger]>:nth-child(12){--i:11}@media (prefers-reduced-motion:no-preference){.is-offscreen,.is-offscreen *{animation-play-state:paused}@keyframes reveal-rise{0%{opacity:0;transform:translateY(var(--reveal-distance,1.5rem))}}@keyframes reveal-clip{0%{clip-path:inset(0 0 100%)}}@keyframes parallax-drift{0%{transform:translateY(calc(var(--parallax,3rem) * -1))}to{transform:translateY(var(--parallax,3rem))}}@supports (animation-timeline:view()){[data-reveal]{animation:linear both reveal-rise view();animation-range:entry entry 55%}[data-reveal=clip]{animation-name:reveal-clip}[data-stagger]>*{animation:linear both reveal-rise view();animation-range:entry calc(var(--i,0) * 6%) entry calc(50% + var(--i,0) * 6%)}[data-parallax]{animation:linear both parallax-drift view();animation-range:cover}}@supports not (animation-timeline:view()){.js-motion [data-reveal],.js-motion [data-stagger]>*{opacity:0;transform:translateY(var(--reveal-distance,1.5rem));transition:opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}.js-motion [data-reveal=clip]{opacity:1;clip-path:inset(0 0 100%);transition:clip-path var(--dur-long) var(--ease-out);transform:none}.js-motion [data-reveal][data-in-view],.js-motion [data-stagger][data-in-view]>*{opacity:1;clip-path:none;transform:none}}[data-pointer]>[data-depth]{translate:calc(var(--px,0) * var(--depth,12) * 1px) calc(var(--py,0) * var(--depth,12) * 1px);transition:translate var(--dur-medium) var(--ease-out)}}.chapter-bar{--cb-bg:var(--paper);--cb-fg:var(--ink);--cb-accent:var(--accent);--cb-edge:var(--hair);z-index:8;background:var(--cb-bg);color:var(--cb-fg);border-bottom:var(--stroke) solid var(--cb-edge);font-family:var(--font-mono);font-size:var(--text-sm);visibility:hidden;opacity:0;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.chapter-bar[data-tone=dark]{--cb-bg:var(--panel-bg);--cb-fg:var(--panel-fg);--cb-accent:var(--panel-accent);--cb-edge:var(--panel-rule)}.chapter-bar[data-on]{visibility:visible;opacity:1;transform:none}.chapter-bar :focus-visible{outline-color:var(--cb-fg)}.cb-row{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--page-max);padding:0 var(--gutter);min-height:2.75rem;margin:0 auto;display:flex;position:relative}.cb-now{align-items:baseline;gap:.6rem;min-width:0;margin:0;display:flex}.cb-now b{color:var(--cb-accent)}.cb-now span{font-family:var(--font-body,inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cb-up{border:1px solid var(--cb-edge);width:2rem;height:2rem;color:var(--cb-fg);border-radius:50%;flex:none;place-items:center;transition:border-color .16s,color .16s;display:inline-grid}.cb-up:hover{border-color:var(--cb-accent);color:var(--cb-accent)}.cb-up svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}@media (prefers-reduced-motion:no-preference){.chapter-bar{transition:opacity var(--dur-medium) var(--ease-out), transform var(--dur-medium) var(--ease-out), visibility 0s linear var(--dur-medium)}.chapter-bar[data-on]{transition:opacity var(--dur-medium) var(--ease-out), transform var(--dur-medium) var(--ease-out)}}body[data-has-chapters] main [id]{scroll-margin-top:3.5rem}@media print{.chapter-bar{display:none}}footer.site{margin-top:var(--space-8);padding:var(--space-7) 0 var(--space-7);background:var(--panel-bg);color:var(--panel-fg);border-top:0}footer.site :focus-visible{outline-color:var(--panel-fg)}footer.site .mark{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.03em;font-weight:700;line-height:1}footer.site .mark span{color:var(--panel-accent)}footer.site h2{color:var(--panel-fg-2)}footer.site a{color:var(--panel-fg)}footer.site a:hover{color:var(--panel-accent)}footer.site .fine{padding-top:var(--space-4);border-top:var(--stroke) solid var(--panel-rule);color:var(--panel-fg-2)}@media (width<=52rem),(pointer:coarse){:root header.site .brand,:root header.site nav a,:root .platform-index a,:root .start-links a,:root .obj-see{min-width:var(--target);min-height:var(--target);justify-content:center;align-items:center;display:inline-flex}:root header.site nav a{padding-block:0}:root header.site nav ul{column-gap:var(--space-3);row-gap:0}:root .skip,:root .scene-chip,:root .dt-field input[type=text],:root .dt-check,:root .dt-filter label{min-height:var(--target)}:root .dt-filter label{min-width:var(--target)}}

.gallery [hidden]{display:none!important}.gal-tools{gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-4);border:var(--stroke) solid var(--rule);background:var(--paper-2);display:grid}@media (width>=52rem){.gal-tools{grid-template-columns:minmax(0,1fr) minmax(14rem,22rem);align-items:end}.gal-tools .gal-cats{grid-column:1}}.gal-search{gap:var(--space-1);display:grid}.gal-search label{font-weight:700;font-size:var(--text-sm)}.gal-search input{box-sizing:border-box;width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:var(--stroke) solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;border-radius:8px}.gal-count,.gal-note,.gal-empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);margin:0}.gal-tools .gal-count{grid-column:1/-1}.gal-empty{margin-bottom:var(--space-5);font-size:var(--text-sm)}.gal-group{margin:0 0 var(--space-7)}.gal-group h2{margin:0 0 var(--space-1)}.gal-blurb{margin:0 0 var(--space-4);color:var(--ink-2)}.gal-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.gal-card{gap:var(--space-2);min-width:0;padding:var(--space-4);border:var(--stroke) solid var(--ink);background:var(--paper-2);flex-direction:column;display:flex;position:relative}.gal-card:hover{border-color:var(--accent)}.gal-card h3{font-family:var(--font-display);font-size:var(--text-lg);margin:0;line-height:1.2}.gal-card h3 a:after{content:"";position:absolute;inset:0}.gal-card p{margin:0}.gal-tag{font-size:var(--text-xs);color:var(--ink-2)}.gal-card-text{border-color:var(--hair);border-left:3px solid var(--accent)}.gal-more{margin:var(--space-4) 0 0;font-weight:600}.gal-pic{border:var(--stroke) solid var(--rule);background:#fff;height:13rem;position:relative;overflow:hidden}.gal-pic .snap{pointer-events:none}.gal-desc{max-width:var(--measure);margin:0 0 var(--space-4);color:var(--ink)}.gal-links{gap:var(--space-2) var(--space-5);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.gal-links .mono{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--ink-2)}.prompt.multiline code{white-space:pre-wrap;display:block}.gal-families{margin:0 0 var(--space-6)}.gal-families-title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.gal-families ul{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.family-head{view-transition-name:family-head}

.playground-slot{min-height:var(--playground-min,31rem)}.bench{background:var(--paper-2);border:var(--stroke) solid var(--ink);border-radius:10px;position:relative;overflow:hidden}.bench-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:var(--stroke) solid var(--ink);background:var(--paper);flex-wrap:wrap;display:flex}.bench-tag{font-size:var(--text-sm);color:var(--ink)}.bench-tabs,.bench-controls fieldset{gap:var(--space-1) var(--space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.bench-controls legend{margin-bottom:var(--space-2);font-weight:700;font-size:var(--text-sm);padding:0}.bench legend .mono{margin-left:var(--space-1);font-weight:400;font-size:var(--text-xs);color:var(--ink-2)}.bench-tabs legend{margin:0}.bench-tabs input[type=radio],.bench-controls input[type=radio]{opacity:0;width:1px;height:1px;margin:0;position:absolute}.bench-tabs label,.bench-controls fieldset label{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);border:var(--stroke) solid var(--rule);background:var(--paper-2);font-size:var(--text-sm);color:var(--ink);cursor:pointer;border-radius:999px;font-weight:600;display:inline-flex}.bench-tabs input[type=radio]:checked+label,.bench-controls fieldset input[type=radio]:checked+label{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}.bench-tabs input[type=radio]:focus-visible+label,.bench-controls input[type=radio]:focus-visible+label{outline:3px solid var(--focus);outline-offset:2px}.bench-controls fieldset label i{background:var(--swatch);border:2px solid var(--paper-2);outline:1px solid var(--rule);border-radius:50%;width:.9rem;height:.9rem}.bench-body{display:grid}.bench-controls{gap:var(--space-4);padding:var(--space-4);border-bottom:var(--stroke) solid var(--hair);align-content:start;display:grid}.bench-stage{padding:var(--space-4);background:var(--paper);background-image:radial-gradient(var(--hair) 1px, transparent 1px);background-size:14px 14px;align-content:start;min-height:24rem;display:grid}@media (width>=52rem){.bench-body{grid-template-columns:17rem minmax(0,1fr)}.bench-controls{border-bottom:0;border-right:var(--stroke) solid var(--hair)}}.bench-stage .pane{grid-area:1/1;min-width:0}.pg-multi .pg-demo{display:none}.pg-multi:has(input[data-demo-tab=finance]:checked) .pg-demo[data-demo=finance],.pg-multi:has(input[data-demo-tab=form]:checked) .pg-demo[data-demo=form],.pg-multi:has(input[data-demo-tab=quote]:checked) .pg-demo[data-demo=quote],.pg-multi:has(input[data-demo-tab=quiz]:checked) .pg-demo[data-demo=quiz],.pg-multi:has(input[data-demo-tab=counter]:checked) .pg-demo[data-demo=counter]{display:block}.pg-multi>.bench-bar{border-bottom:var(--stroke) solid var(--ink)}.pg-multi .pg-demo+.pg-demo{border-top:0}.pg-controls-title{font-size:var(--text-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:0}.pg-field{gap:var(--space-1);display:grid}.pg-field>label,.pg-check{font-weight:700;font-size:var(--text-sm)}.pg-field input,.pg-field textarea{box-sizing:border-box;width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:var(--stroke) solid var(--rule);background:var(--paper-2);color:var(--ink);font:inherit;font-size:var(--text-sm);border-radius:8px}.pg-field textarea{resize:vertical;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:var(--text-xs)}.pg-field input:focus-visible,.pg-field textarea:focus-visible,.pg-check input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pg-field small{color:var(--ink-2);font-size:var(--text-xs)}.pg-check{align-items:center;gap:var(--space-2);cursor:pointer;min-height:2.75rem;display:flex}.pg-check input{width:1.25rem;height:1.25rem;accent-color:var(--accent);margin:0}.pg-nojs{font-size:var(--text-xs);color:var(--ink-2);margin:0}.bench-controls :disabled{opacity:1;cursor:not-allowed}.pane-preview{align-content:start;justify-items:center;display:grid}.pg-figure{width:min(100%,26rem);margin:0}.pg-pictures{display:grid}.pg-pictures .snap{border:var(--stroke) solid var(--rule);border-radius:8px;width:100%}.pg-pictures .snap[hidden]{display:none}.pg-figure figcaption,.pg-note,.pg-intro{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--ink-2)}.pane-preview .live-demo{color:#1f2937;background:#fff;width:min(100%,26rem);margin:0}.pane-preview .live-demo figcaption{color:#4b5563}.pane-code,.pane-css,.pane-data{padding:var(--space-4);background:var(--paper-2);border:var(--stroke) solid var(--rule);border-radius:8px;align-self:start;display:none}.pg-demo:has(input[data-view=code]:checked) .pane-preview,.pg-demo:has(input[data-view=css]:checked) .pane-preview,.pg-demo:has(input[data-view=data]:checked) .pane-preview{visibility:hidden}.pg-demo:has(input[data-view=code]:checked) .pane-code,.pg-demo:has(input[data-view=css]:checked) .pane-css,.pg-demo:has(input[data-view=data]:checked) .pane-data{display:block}.pane .pg-intro:first-child{margin-top:0}.pane-code .code pre{max-height:22rem;overflow:auto}.pg-fw-tabs{margin:var(--space-3) 0}.pg-fw{display:none}.pg-demo:has(input[data-fw=html]:checked) .pg-fw[data-fw=html],.pg-demo:has(input[data-fw=native]:checked) .pg-fw[data-fw=native],.pg-demo:has(input[data-fw=react18]:checked) .pg-fw[data-fw=react18],.pg-demo:has(input[data-fw=react19]:checked) .pg-fw[data-fw=react19],.pg-demo:has(input[data-fw=vue]:checked) .pg-fw[data-fw=vue],.pg-demo:has(input[data-fw=angular]:checked) .pg-fw[data-fw=angular],.pg-demo:has(input[data-fw=svelte]:checked) .pg-fw[data-fw=svelte]{display:block}.pg-fw .code+.code{margin-top:var(--space-3)}.pg-notes{margin:var(--space-3) 0 0;padding-left:var(--space-5);font-size:var(--text-xs);color:var(--ink-2)}.pg-notes:empty{display:none}.pane-code .term{margin-top:var(--space-2)}.pane-data h3{margin:0 0 var(--space-2)}@media (prefers-reduced-motion:reduce){.bench *{transition:none;animation:none}}

.live-demo[data-astro-cid-uzlokqpq]{border:1px solid var(--line);border-radius:.5rem;margin:1.5rem 0;padding:1rem}.live-demo[data-astro-cid-uzlokqpq] figcaption[data-astro-cid-uzlokqpq]{color:var(--muted)}.live-demo-stage[data-astro-cid-uzlokqpq]:empty{display:none}

.snap{box-sizing:border-box;color-scheme:light;color:#1f2937;letter-spacing:normal;text-transform:none;text-align:left;text-wrap:wrap;border-radius:var(--snap-radius,0);background:#fff;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:block;overflow:hidden}.snap.snap :where(div,span,h1,h2,h3,p,a,label,input,select,textarea,button,fieldset,legend,form,section,aside,output,small,strong,b,i,em,ul,ol,li,option){all:revert}.snap.snap :where(input[type=radio],input[type=checkbox]){margin:.15em .35em 0 0}.snap.snap :where(input:not([type=radio],[type=checkbox],[type=range]),select,textarea){color:#1f2937;background:#fff}.snap-host{position:relative}.snap-host:has(>.snap[hidden]){display:none}.snap.is-snap-off,.snap.is-snap-off *,.snap.is-snap-off :before,.snap.is-snap-off :after,.snap.is-snap-heavy,.snap.is-snap-heavy *,.snap.is-snap-heavy :before,.snap.is-snap-heavy :after,.snap-host.is-snap-off .snap,.snap-host.is-snap-off .snap *,.snap-host.is-snap-off .snap :before,.snap-host.is-snap-off .snap :after,.snap-host.is-snap-paused .snap,.snap-host.is-snap-paused .snap *,.snap-host.is-snap-paused .snap :before,.snap-host.is-snap-paused .snap :after{animation-play-state:paused!important}.snap-motion-toggle{z-index:1;box-sizing:border-box;color:#1f2937;cursor:pointer;opacity:.85;background:#fff;border:1px solid #94a3b8;border-radius:50%;place-items:center;block-size:1.75rem;min-block-size:0;inline-size:1.75rem;padding:0;display:grid;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.snap-motion-toggle:hover,.snap-motion-toggle:focus-visible{opacity:1}.snap-motion-toggle:focus-visible{outline-offset:2px;outline:3px solid #4f46e5}.snap-motion-toggle:before{content:"";border-inline:.18rem solid;block-size:.6rem;inline-size:.5rem;display:block}.snap-motion-toggle.is-paused:before{border:.32rem solid #0000;border-left:.5rem solid;border-right-width:0;block-size:0;inline-size:0;margin-inline-start:.12rem}

.term{margin:0 0 var(--space-4);border:var(--stroke) solid var(--term-edge);background:var(--term-bg);border-radius:6px}.term pre{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--term-fg);margin:0;line-height:1.6;overflow-x:auto}.term pre:focus-visible{outline-offset:-3px}.term .term-line{white-space:pre;display:block}.term .term-line:before{content:"$ " / "";color:var(--term-prompt);user-select:none}

.snap-timeline-draw.snap-timeline-draw{contain:content;display:block}.snap-timeline-draw.snap-timeline-draw[hidden]{display:none}.snap-timeline-draw.snap-timeline-draw .root{--a:var(--td-accent,#4f46e5);--b:var(--td-accent-2,#0ea5e9);color:var(--td-text,#0f172a);gap:.8em;padding:1em;font:medium/1.45 system-ui,sans-serif;display:grid}.snap-timeline-draw.snap-timeline-draw ol{gap:1.4em;margin:0;padding:0;list-style:none;display:grid}.snap-timeline-draw.snap-timeline-draw .item{--k:0;padding-left:2.6em;position:relative}.snap-timeline-draw.snap-timeline-draw .node{box-sizing:border-box;border-style:solid;border-width:3px;border-color:var(--a);background-color:#fff;border-radius:50%;width:1.2em;height:1.2em;position:absolute;top:.25em;left:.2em}.snap-timeline-draw.snap-timeline-draw .seg{background-image:linear-gradient(var(--a), var(--b));transform-origin:top;border-radius:2px;width:3px;position:absolute;top:1.45em;bottom:-1.7em;left:.7em}.snap-timeline-draw.snap-timeline-draw .card{background-color:var(--td-surface,#fff);border-radius:var(--td-radius,14px);border:1px solid #e2e8f0;gap:.15em;padding:.75em 1em;display:grid;box-shadow:0 10px 24px -14px #0f172a66}.snap-timeline-draw.snap-timeline-draw .when{letter-spacing:.08em;text-transform:uppercase;color:var(--a);font-size:.75em;font-weight:700}.snap-timeline-draw.snap-timeline-draw h3{margin:0;font-size:1.05em}.snap-timeline-draw.snap-timeline-draw .card p{color:#475569;margin:0;font-size:.92em}.snap-timeline-draw.snap-timeline-draw .mark{color:#475569;background-color:#f1f5f9;border-radius:999px;justify-self:start;padding:.15em .6em;font-size:.72em;font-weight:700}.snap-timeline-draw.snap-timeline-draw .item:not(.in) .card,.snap-timeline-draw.snap-timeline-draw .item:not(.in) .node{opacity:0;transform:translateY(.6em)}.snap-timeline-draw.snap-timeline-draw .item:not(.in) .seg{transform:scaleY(0)}@keyframes snap-timeline-draw-td-seg{0%{transform:scaleY(0)}}@keyframes snap-timeline-draw-td-rise{0%{opacity:0;transform:translateY(.6em)}}@keyframes snap-timeline-draw-td-pop{0%{transform:scale(.2)}60%{transform:scale(1.35)}}@media (prefers-reduced-motion:no-preference){.snap-timeline-draw.snap-timeline-draw .in .seg{animation:snap-timeline-draw-td-seg .7s cubic-bezier(.5, 0, .2, 1) calc(var(--k) * .55s) both}.snap-timeline-draw.snap-timeline-draw .in .card{animation:snap-timeline-draw-td-rise .5s ease-out calc(var(--k) * .55s + .1s) both}.snap-timeline-draw.snap-timeline-draw .in .node{animation:snap-timeline-draw-td-pop .5s ease-out calc(var(--k) * .55s) both}}.snap-accordion-motion.snap-accordion-motion{contain:content;display:block}.snap-accordion-motion.snap-accordion-motion[hidden]{display:none}.snap-accordion-motion.snap-accordion-motion .root{--a:var(--am-accent,#4f46e5);color:var(--am-text,#0f172a);gap:.8em;padding:.6em;font:medium/1.45 system-ui,sans-serif;display:grid}.snap-accordion-motion.snap-accordion-motion label{gap:.3em;font-size:.85em;font-weight:700;display:grid}.snap-accordion-motion.snap-accordion-motion input{box-sizing:border-box;width:100%;color:inherit;background-color:var(--am-surface,#fff);border-radius:var(--am-radius,14px);border:2px solid #cbd5e1;padding:.7em .9em;font-family:inherit;font-size:1em}.snap-accordion-motion.snap-accordion-motion input:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--a);outline-offset:2px}.snap-accordion-motion.snap-accordion-motion ul{gap:.5em;margin:0;padding:0;list-style:none;display:grid}.snap-accordion-motion.snap-accordion-motion .item{background-color:var(--am-surface,#fff);border-radius:var(--am-radius,14px);border:1px solid #e2e8f0;overflow:hidden}.snap-accordion-motion.snap-accordion-motion .open{border-color:var(--a);box-shadow:0 10px 24px -16px var(--a)}.snap-accordion-motion.snap-accordion-motion h3{margin:0;font-size:1em}.snap-accordion-motion.snap-accordion-motion .q{box-sizing:border-box;text-align:left;width:100%;color:inherit;cursor:pointer;background-color:#0000;border:0;justify-content:space-between;align-items:center;gap:1em;padding:.9em 1em;font-family:inherit;font-size:1em;font-weight:700;display:flex}.snap-accordion-motion.snap-accordion-motion .q:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--a);outline-offset:-3px}.snap-accordion-motion.snap-accordion-motion .chev{border-bottom:2px solid;border-right:2px solid;flex:none;width:.6em;height:.6em;transition:transform .3s;transform:rotate(45deg)}.snap-accordion-motion.snap-accordion-motion .open .chev{transform:rotate(-135deg)}.snap-accordion-motion.snap-accordion-motion .panel{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.3,.8,.3,1);display:grid}.snap-accordion-motion.snap-accordion-motion .open .panel{grid-template-rows:1fr}.snap-accordion-motion.snap-accordion-motion .inner{min-height:0;overflow:hidden}.snap-accordion-motion.snap-accordion-motion .inner p{color:#475569;margin:0;padding:0 1em 1em}.snap-accordion-motion.snap-accordion-motion mark{color:inherit;background-color:#fde68a;border-radius:.2em}.snap-accordion-motion.snap-accordion-motion .status{color:#475569;margin:0;font-size:.85em}@media (prefers-reduced-motion:reduce){.snap-accordion-motion.snap-accordion-motion .panel,.snap-accordion-motion.snap-accordion-motion .chev{transition:none}}.snap-scroll-story.snap-scroll-story{contain:content;display:block}.snap-scroll-story.snap-scroll-story[hidden]{display:none}.snap-scroll-story.snap-scroll-story .root{--a:var(--ss-accent,#7c3aed);--h:18em;height:var(--h);color:var(--ss-text,#0f172a);background-color:var(--ss-surface,#fff);border-radius:var(--ss-radius,18px);border:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(11em,1fr));font:medium/1.5 system-ui,sans-serif;display:grid;overflow:hidden}.snap-scroll-story.snap-scroll-story .visual{--p:0;background-image:radial-gradient(circle at 50% 40%,#7c3aed29,#7c3aed00 70%);place-content:center;justify-items:center;gap:.6em;min-height:0;display:grid}.snap-scroll-story.snap-scroll-story .ring{width:7em;height:7em}.snap-scroll-story.snap-scroll-story .ring circle{fill:none;stroke-width:7px}.snap-scroll-story.snap-scroll-story .back{stroke:#e2e8f0}.snap-scroll-story.snap-scroll-story .arc{stroke:var(--a);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p));transform-origin:50%;transition:stroke-dashoffset .6s;transform:rotate(-90deg)}.snap-scroll-story.snap-scroll-story .num{color:var(--a);font-size:2.4em;font-weight:800;line-height:1}.snap-scroll-story.snap-scroll-story .dots{gap:.35em;display:flex}.snap-scroll-story.snap-scroll-story .dot{cursor:pointer;background-color:#cbd5e1;border:0;border-radius:50%;width:1.1em;height:1.1em;padding:0}.snap-scroll-story.snap-scroll-story .dot.on{background-color:var(--a)}.snap-scroll-story.snap-scroll-story .dot:focus-visible{outline-offset:2px;outline:3px solid #0f172a}.snap-scroll-story.snap-scroll-story .scroller{scroll-snap-type:y mandatory;min-height:0;overflow-y:auto}.snap-scroll-story.snap-scroll-story .scroller:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--a);outline-offset:-3px}.snap-scroll-story.snap-scroll-story .step{box-sizing:border-box;height:var(--h);scroll-snap-align:start;opacity:.45;align-content:center;gap:.4em;padding:1.2em;transition:opacity .4s,transform .6s cubic-bezier(.3,.8,.3,1);display:grid}.snap-scroll-story.snap-scroll-story .step.on{opacity:1}.snap-scroll-story.snap-scroll-story h2{margin:0;font-size:1.35em;line-height:1.2}.snap-scroll-story.snap-scroll-story .step p{color:#475569;margin:0}@media (prefers-reduced-motion:reduce){.snap-scroll-story.snap-scroll-story .arc,.snap-scroll-story.snap-scroll-story .step{transition:none}.snap-scroll-story.snap-scroll-story .scroller{scroll-snap-type:none}}.snap-reading-progress.snap-reading-progress{contain:content;display:block}.snap-reading-progress.snap-reading-progress[hidden]{display:none}.snap-reading-progress.snap-reading-progress .root{--a:var(--rp-accent,#e11d48);--h:18em;height:var(--h);color:var(--rp-text,#0f172a);background-color:var(--rp-surface,#fff);border-radius:var(--rp-radius,16px);border:1px solid #e2e8f0;grid-template-rows:auto minmax(0,1fr);font:medium/1.6 system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.snap-reading-progress.snap-reading-progress .track{background-color:#e2e8f0;height:.3em}.snap-reading-progress.snap-reading-progress .bar{--p:0;background-image:linear-gradient(90deg, var(--a), #f59e0b);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p));transition:transform .4s}.snap-reading-progress.snap-reading-progress .scroller{min-height:0;padding:1em 1.2em 3.5em;scroll-padding:1em;overflow-y:auto}.snap-reading-progress.snap-reading-progress .scroller:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--a);outline-offset:-3px}.snap-reading-progress.snap-reading-progress h2{margin:0 0 .2em;font-size:1.35em;line-height:1.25}.snap-reading-progress.snap-reading-progress .meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.6em;margin:0 0 1em;font-size:.82em;display:flex}.snap-reading-progress.snap-reading-progress .mark{color:#475569;background-color:#f1f5f9;border-radius:999px;padding:.1em .6em;font-weight:700}.snap-reading-progress.snap-reading-progress .scroller p{margin:0 0 1em}.snap-reading-progress.snap-reading-progress .top{color:#fff;background-color:var(--a);cursor:pointer;opacity:0;border:0;border-radius:999px;padding:.55em 1.1em;font-family:inherit;font-size:.85em;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;bottom:1em;right:1em;transform:translateY(.6em);box-shadow:0 8px 18px -8px #0f172a99}.snap-reading-progress.snap-reading-progress .top.show{opacity:1;transform:none}.snap-reading-progress.snap-reading-progress .top:focus-visible{outline-offset:3px;outline:3px solid #0f172a}@media (prefers-reduced-motion:reduce){.snap-reading-progress.snap-reading-progress .top,.snap-reading-progress.snap-reading-progress .bar{transition:none}}.snap-unit-converter.snap-unit-converter{contain:content;display:block}.snap-unit-converter.snap-unit-converter[hidden]{display:none}.snap-unit-converter.snap-unit-converter .root{--a:var(--uc-accent,#0d9488);color:var(--uc-text,#0f172a);background-color:var(--uc-surface,#fff);border-radius:var(--uc-radius,16px);border:1px solid #e2e8f0;gap:1em;padding:1.2em;font:medium/1.4 system-ui,sans-serif;display:grid}.snap-unit-converter.snap-unit-converter fieldset{border:0;flex-wrap:wrap;gap:.4em;margin:0;padding:0;display:flex}.snap-unit-converter.snap-unit-converter legend{margin-bottom:.4em;padding:0;font-size:.85em;font-weight:700}.snap-unit-converter.snap-unit-converter .chip{position:relative}.snap-unit-converter.snap-unit-converter .chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.snap-unit-converter.snap-unit-converter .chip span{border:2px solid #cbd5e1;border-radius:999px;padding:.45em .9em;font-size:.9em;font-weight:700;display:block}.snap-unit-converter.snap-unit-converter .chip input:checked+span{color:#fff;background-color:var(--a);border-color:var(--a)}.snap-unit-converter.snap-unit-converter .chip input:focus-visible+span{outline-offset:2px;outline:3px solid #0f172a}.snap-unit-converter.snap-unit-converter .row{grid-template-columns:repeat(auto-fit,minmax(9em,1fr));align-items:end;gap:.8em;display:grid}.snap-unit-converter.snap-unit-converter label{gap:.3em;font-size:.85em;font-weight:700;display:grid}.snap-unit-converter.snap-unit-converter input[type=text],.snap-unit-converter.snap-unit-converter select{box-sizing:border-box;width:100%;color:inherit;background-color:#fff;border:2px solid #cbd5e1;border-radius:10px;padding:.6em .7em;font-family:inherit;font-size:1.05em}.snap-unit-converter.snap-unit-converter input[type=text]:focus-visible,.snap-unit-converter.snap-unit-converter select:focus-visible,.snap-unit-converter.snap-unit-converter .swap:focus-visible{outline-width:3px;outline-style:solid;outline-color:var(--a);outline-offset:2px}.snap-unit-converter.snap-unit-converter .swap{color:var(--a);border-style:solid;border-width:2px;border-color:var(--a);cursor:pointer;background-color:#0000;border-radius:999px;justify-self:start;padding:.5em 1em;font-family:inherit;font-size:.9em;font-weight:700}.snap-unit-converter.snap-unit-converter .result{background-color:#f0fdfa;border-radius:12px;gap:.2em;padding:.9em 1em;display:grid}.snap-unit-converter.snap-unit-converter .big{color:var(--a);overflow-wrap:anywhere;font-size:1.7em;font-weight:800}.snap-unit-converter.snap-unit-converter .small{color:#475569;font-size:.85em}@keyframes snap-unit-converter-uc-pop{0%{opacity:.4;transform:translateY(.2em)}}@media (prefers-reduced-motion:no-preference){.snap-unit-converter.snap-unit-converter .big{animation:.25s ease-out snap-unit-converter-uc-pop}}.snap-world-clock.snap-world-clock{contain:content;display:block}.snap-world-clock.snap-world-clock[hidden]{display:none}.snap-world-clock.snap-world-clock .root{--a:var(--wc-accent,#2563eb);--sec:var(--wc-second,#f43f5e);color:var(--wc-text,#0f172a);background-color:var(--wc-surface,#fff);border-radius:var(--wc-radius,16px);border:1px solid #e2e8f0;gap:.8em;padding:1em;font:medium/1.35 system-ui,sans-serif;display:grid}.snap-world-clock.snap-world-clock ul{grid-template-columns:repeat(auto-fit,minmax(8.5em,1fr));gap:.8em;margin:0;padding:0;list-style:none;display:grid}.snap-world-clock.snap-world-clock .clock{text-align:center;background-color:#f8fafc;border-radius:14px;justify-items:center;gap:.3em;padding:.8em .5em;display:grid}.snap-world-clock.snap-world-clock .face{width:5.4em;height:5.4em}.snap-world-clock.snap-world-clock .dial{fill:#fff;stroke:#cbd5e1;stroke-width:3px}.snap-world-clock.snap-world-clock .tick{stroke:#94a3b8;stroke-width:3px;stroke-linecap:round}.snap-world-clock.snap-world-clock .hand{stroke-linecap:round}.snap-world-clock.snap-world-clock .h{stroke:#0f172a;stroke-width:5px}.snap-world-clock.snap-world-clock .m{stroke:var(--a);stroke-width:3.5px}.snap-world-clock.snap-world-clock .s{stroke:var(--sec);stroke-width:2px;--from:0s;transform-origin:50px 50px}.snap-world-clock.snap-world-clock .pin{fill:var(--sec)}.snap-world-clock.snap-world-clock .city{font-size:.92em;font-weight:700}.snap-world-clock.snap-world-clock .time{font-variant-numeric:tabular-nums;font-size:1.25em;font-weight:800}.snap-world-clock.snap-world-clock .when{color:#475569;align-items:center;gap:.4em;font-size:.78em;display:flex}.snap-world-clock.snap-world-clock .sun{fill:#f59e0b}.snap-world-clock.snap-world-clock .moon{fill:#6366f1}.snap-world-clock.snap-world-clock .note{color:#475569;margin:0;font-size:.78em}@keyframes snap-world-clock-wc-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.snap-world-clock.snap-world-clock .s{animation:snap-world-clock-wc-turn 60s linear var(--from) infinite}}@media (prefers-reduced-motion:reduce){.snap-world-clock.snap-world-clock .s{display:none}}