:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--type-xs:.8125rem;--type-sm:.875rem;--type-md:.9375rem;--type-base:1rem;--type-lg:1.125rem;--type-xl:1.5rem;--type-2xl:1.75rem;--type-h1:2.25rem;--type-h2:1.75rem;--type-h3:1.25rem;--type-display:clamp(1.75rem,1.4rem + 1.2vw,2.25rem);--type-hero:clamp(2.5rem,1.5rem + 4.2vw,4.25rem);--weight-regular:400;--weight-strong:600;--weight-heading:600;--leading-body:1.5;--leading-heading:1.2;--leading-subheading:1.35;--leading-control:1.2;--tracking-heading:-.015em;--space-2:.25rem;--space-3:.375rem;--space-4:.5rem;--space-5:.625rem;--space-6:.75rem;--space-8:1rem;--space-10:1.25rem;--space-12:1.5rem;--space-14:1.75rem;--space-16:2rem;--space-20:2.5rem;--space-24:3rem;--space-32:4rem;--space-48:6rem;--radius-sm:6px;--radius:10px;--radius-lg:14px;--border-width:1px;--edge-width:4px;--focus-width:2px;--focus-offset:2px;--control-height:2.75rem;--canvas:#fbfbfd;--surface:#ffffff;--surface-2:#f5f5f7;--text:#1d1d1f;--text-2:#424245;--muted:#6e6e73;--border:#e5e5ea;--control:#86868b;--control-fill:#e8e8ed;--accent:#2c5fcf;--accent-soft:#eef3fd;--action:#2c5fcf;--action-hover:#3567d9;--action-pressed:#2456c9;--on-action:#ffffff;--focus:#2c5fcf;--danger:#b42318;--on-danger:#ffffff;--danger-soft:#fdeded;--success:#1a7f37;--success-soft:#e9f6ee;--warn:#a15c00;--card-edge:#dbdbe0;--page:#f2f2f7;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#0b0b0c;--surface:#161618;--surface-2:#1c1c1e;--text:#f5f5f7;--text-2:#d1d1d6;--muted:#a1a1a6;--border:#2c2c2e;--control:#86868b;--control-fill:#2c2c2e;--accent:#6e9bff;--accent-soft:#16213a;--action:#3567d9;--action-hover:#3a6ee0;--action-pressed:#2c5fcf;--on-action:#ffffff;--focus:#6e9bff;--danger:#f47067;--on-danger:#0b0b0c;--danger-soft:#341616;--success:#57ab5a;--success-soft:#0f2a1a;--warn:#e3a33a;--card-edge:#333336;--page:#0b0b0c;color-scheme:dark}}
:root[data-theme=dark]{--canvas:#0b0b0c;--surface:#161618;--surface-2:#1c1c1e;--text:#f5f5f7;--text-2:#d1d1d6;--muted:#a1a1a6;--border:#2c2c2e;--control:#86868b;--control-fill:#2c2c2e;--accent:#6e9bff;--accent-soft:#16213a;--action:#3567d9;--action-hover:#3a6ee0;--action-pressed:#2c5fcf;--on-action:#ffffff;--focus:#6e9bff;--danger:#f47067;--on-danger:#0b0b0c;--danger-soft:#341616;--success:#57ab5a;--success-soft:#0f2a1a;--warn:#e3a33a;--card-edge:#333336;--page:#0b0b0c;color-scheme:dark}
.site-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border)}
.site-header>.bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;max-width:90rem;min-height:3.5rem;margin:0 auto;padding:.5rem 1.5rem}
.brand{display:inline-flex;align-items:center;gap:16px;min-width:0;max-width:100%;color:var(--text);text-decoration:none}
.site-header>.bar>.brand{align-self:flex-start;height:40px}
svg.brand-mark{flex:none;width:20px;height:20px;stroke:none}
svg.brand-word{width:90px;height:12px;min-width:0;flex:0 1 auto}
.primary-nav{flex:1}
.primary-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;font-size:.875rem}
.primary-nav a{color:var(--muted);text-decoration:none}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--text)}
.theme-slot:empty{display:none}
.theme-form{margin:0}
@media screen and (max-width:59.99rem){.site-header{position:static}.primary-nav{flex-basis:100%;order:3;min-width:0}.primary-nav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:4px}.primary-nav ul::-webkit-scrollbar{display:none}.primary-nav li{flex:none}.theme-slot{margin-left:auto}}
@media screen and (max-width:40rem){.site-header>.bar{padding:.5rem 1rem}.primary-nav ul{gap:.25rem 1rem}}
.account-theme-label{margin:0}
.account-theme .theme-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:.5rem 0 0;padding:2px;border-radius:9px;background:var(--control-fill)}
.site-header .theme-option{position:relative;display:block;min-width:0;min-height:0;margin:0;padding:5px 0;border:0;border-radius:7px;background:none;color:var(--text);font:inherit;font-size:.8125rem;font-weight:400;line-height:1.35;text-align:center;white-space:normal;cursor:pointer;box-shadow:none}
.site-header .theme-option::before{content:"";position:absolute;inset:-8.25px 0}
.site-header .theme-option:is(:hover,:active){background:none;color:var(--text)}
.site-header .theme-option[aria-pressed="true"]:is(*,:hover,:active){background:var(--surface);font-weight:600;box-shadow:0 1px 2px rgb(0 0 0 / .12)}
.stage{box-sizing:border-box;width:100%;max-width:30rem;margin:0 auto;padding:0;text-align:center;overflow-wrap:break-word}
.stage .stage-ring{display:block;width:var(--space-20);height:var(--space-20);margin:0 auto var(--space-8);color:var(--success)}
.stage .stage-ring-failure{color:var(--danger)}
.stage .stage-title{margin:0;line-height:var(--leading-heading)}
.stage .stage-sentence{max-width:34rem;margin:var(--space-6) auto 0;color:var(--text-2);font-size:var(--type-lg);line-height:var(--leading-body)}
.stage .stage-sentence strong{color:var(--text);overflow-wrap:anywhere}
.stage .stage-body{margin:var(--space-12) 0 0;text-align:start}
.stage .stage-body>:last-child,.stage .stage-body form>:last-child{margin-bottom:0}
.stage .stage-body .stage-center{text-align:center}
.stage .stage-body h2{margin:var(--space-10) 0 var(--space-4);font-size:var(--type-md);line-height:var(--leading-subheading);font-weight:var(--weight-strong)}
.stage .stage-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);margin:var(--space-12) 0 0}
.stage .stage-body .stage-actions{margin:var(--space-4) 0 0}
.stage .stage-actions>*{width:100%;min-width:0;min-height:var(--control-height);margin:0;box-sizing:border-box;justify-content:center;text-align:center}
.stage .stage-actions>form>button{width:100%}
.stage .stage-quiet,.stage .stage-quiet:is(:hover,:active){display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:none;border-color:transparent;box-shadow:none;font-weight:var(--weight-regular)}
.stage a.stage-quiet{text-decoration:none}
.stage a.stage-quiet:hover{text-decoration:underline}
.stage .stage-alt{margin:var(--space-10) 0 0}
.stage .stage-alt .quiet{margin:var(--space-4) 0 0}
.stage .stage-note{margin:var(--space-8) 0 0}
.stage .stage-details{margin:var(--space-10) 0 0;font-size:var(--type-sm);color:var(--muted)}
.stage .stage-details>summary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);min-width:var(--control-height);padding:0 var(--space-4);cursor:pointer}
.stage .stage-details>p{margin:var(--space-4) 0 0}
@media (min-width:48rem){.stage .stage-actions{justify-content:center;justify-items:center;grid-template-columns:minmax(0,auto)}.stage .stage-actions>*,.stage .stage-actions>form>button{width:auto;max-width:100%}}
.stage [hidden]{display:none}
button.copy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);max-width:none;margin:0;padding:0;font:inherit;line-height:1;color:var(--text);background:var(--control-fill);border:var(--border-width) solid var(--control-fill);border-radius:var(--radius);box-shadow:none;cursor:pointer}
button.copy-button:hover,button.copy-button:active{color:var(--text);background:var(--control-fill);border-color:var(--control-fill)}
button.copy-button:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}
button.copy-button[hidden]{display:none}
button.copy-button .copy-glyph{display:block;flex:none;width:1.25rem;height:1.25rem}
button.copy-button .copy-glyph-check,button.copy-button[data-copied] .copy-glyph-copy{display:none}
button.copy-button[data-copied] .copy-glyph-check{display:block;color:var(--success)}
button.copy-button .copy-tip{position:absolute;right:0;bottom:100%;z-index:20;padding:0 0 var(--space-3);visibility:hidden}
button.copy-button .copy-tip>span{display:block;padding:var(--space-2) var(--space-4);font-size:var(--type-xs);font-weight:var(--weight-strong);line-height:var(--leading-control);white-space:nowrap;color:var(--surface);background:var(--text);border-radius:var(--radius-sm)}
button.copy-button:hover .copy-tip,button.copy-button:focus-visible .copy-tip{visibility:visible}
button.copy-button[data-tip=off] .copy-tip{visibility:hidden}
button.copy-button.copy-button-word{width:auto;gap:var(--space-3);padding:0 var(--space-8) 0 var(--space-6);font-size:var(--type-md);font-weight:var(--weight-strong);line-height:var(--leading-control);white-space:nowrap}
button.copy-button .copy-word{display:block}
figure.code,figure.result{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-4);margin:var(--space-8) 0}
figure.code>figcaption,figure.result>figcaption{grid-row:1;grid-column:1;display:flex;align-items:center;min-width:0;min-height:var(--control-height);margin:0;padding:0;font-size:var(--type-xs);font-weight:var(--weight-heading);color:var(--muted)}
figure.code>pre,figure.result>pre{grid-row:2;grid-column:1;min-width:0;margin:0;padding:var(--space-8);overflow-x:auto;white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--mono);font-size:var(--type-xs);line-height:1.6;tab-size:2;color:var(--text);background:var(--surface-2);border:var(--border-width) solid var(--card-edge);border-radius:var(--radius)}
figure.code>pre>code,figure.result>pre>code{font-size:inherit;overflow-wrap:inherit}
figure.code>button.copy-button{position:absolute;grid-row:2;grid-column:1;top:var(--space-2);right:var(--space-2);z-index:1}
figure.code>button.copy-button,button.copy-button.copy-button-small{width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;color:var(--muted);background:transparent;border-color:transparent;border-radius:var(--radius-sm)}
figure.code>button.copy-button:hover,figure.code>button.copy-button:active,figure.code>button.copy-button:focus-visible,button.copy-button.copy-button-small:hover,button.copy-button.copy-button-small:active,button.copy-button.copy-button-small:focus-visible{color:var(--text);background:var(--control-fill);border-color:var(--control-fill)}
figure.code>button.copy-button .copy-glyph,button.copy-button.copy-button-small .copy-glyph{width:1rem;height:1rem}
button.copy-button.copy-button-small::after{content:"";position:absolute;inset:calc((1.75rem - 2.75rem) / 2 - var(--border-width))}
@media (forced-colors:active){button.copy-button{border-color:ButtonText}button.copy-button .copy-tip>span{border:1px solid CanvasText}}