@layer tokens{:root{--baseline:1.6rem;--baseline-margin:calc(var(--baseline) - .0385rem);--measure:68ch;--gutter:clamp(1rem, 4vw, 2rem);--font-serif:"Georgia", "Iowan Old Style", "Charter", "Times New Roman", serif;--font-sans:-apple-system, "BlinkMacSystemFont", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--color-scheme:light;--bg:#fff;--fg:#0f172a;--muted:#475569;--rule:#e2e8f0;--accent:#2563eb;--accent-hover:#1d4ed8;--code-bg:#0b1220;--code-fg:#cbd5e1;--code-inline:#e11d48;--panel-bg:#f8fafc;--panel-border:#e2e8f0;--shadow-inset:inset 0 1px 1px #0000000d;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);--link-visited:#7c3aed}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-scheme:dark;--bg:#14181c;--fg:#e8eaed;--muted:#8b939c;--rule:#343a42;--accent:#3ebef2;--accent-hover:#6bcff5;--code-bg:#0a0c0e;--code-fg:#c2ccd4;--code-inline:#ff6b7d;--panel-bg:#1c2229;--panel-border:#3a424d;--shadow-inset:inset 0 1px 1px #00000059;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);--link-visited:#b794f6}}:root[data-theme=dark]{--color-scheme:dark;--bg:#14181c;--fg:#e8eaed;--muted:#8b939c;--rule:#343a42;--accent:#3ebef2;--accent-hover:#6bcff5;--code-bg:#0a0c0e;--code-fg:#c2ccd4;--code-inline:#ff6b7d;--panel-bg:#1c2229;--panel-border:#3a424d;--shadow-inset:inset 0 1px 1px #00000059;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent);--link-visited:#b794f6}}@layer reset{*,:before,:after{box-sizing:border-box;border:0;margin:0;padding:0}img,video{max-width:100%;height:auto}}@layer base{html{color-scheme:var(--color-scheme);background:var(--bg);color:var(--fg);text-rendering:optimizelegibility;font-size:100%}::selection{background:color-mix(in srgb,var(--accent) 22%,var(--bg));color:var(--fg)}body{font-family:var(--font-serif);font-size:100%;line-height:var(--baseline);padding-inline:var(--gutter)}main,article,header,footer,nav,section{display:block}main,header,footer{width:min(100%,var(--measure));margin-inline:auto}header,footer{padding-block:var(--baseline)}:focus-visible{box-shadow:var(--focus);border-radius:4px;outline:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}@layer type{:where(ul,ol,dl,table,blockquote,figure,hr,details,address,form,fieldset,p){margin-block-end:var(--baseline-margin)}:is(details,fieldset)>:last-child,blockquote>:last-child:not(form){margin-block-end:0}hr{border-top:1px solid var(--rule);margin-block-start:-1px;margin-block-end:var(--baseline-margin)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-size:100%;line-height:var(--baseline);letter-spacing:-.01em;font-weight:500}h1{font-size:2rem;line-height:calc(var(--baseline) * 2)}h2{font-size:1.5rem;line-height:calc(var(--baseline) * 2)}h3{font-size:1.25rem;line-height:calc(var(--baseline) * 2);margin-block-end:0}h4{font-size:1.125rem;line-height:var(--baseline)}a{color:var(--accent);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}a:visited{color:color-mix(in srgb,var(--accent) 55%,var(--link-visited))}time{color:var(--muted)}small{font-size:100%;line-height:var(--baseline);color:var(--muted)}strong,b{font-weight:700}em,i{font-style:italic}abbr[title]{cursor:help;text-underline-offset:.12em;text-decoration:underline dotted}sub,sup{font-size:.75em;line-height:0}sup{vertical-align:super}sub{vertical-align:sub}del{color:color-mix(in srgb,var(--fg) 65%,var(--muted));text-decoration:line-through 1px}ins{text-underline-offset:.12em;background:color-mix(in srgb,var(--accent) 12%,transparent);text-decoration:underline 1px}q{quotes:"“" "”" "‘" "’"}ul,ol{padding-inline-start:1.8em}li>ul,li>ol{margin-block-end:0}dl{padding-inline-start:0}dt{font-family:var(--font-sans);font-weight:600}dd{margin-inline-start:1.8em}dd:not(:last-child){margin-block-end:calc(var(--baseline-margin)/2)}li,li::marker{line-height:var(--baseline)}ol li::marker{font-variant-numeric:tabular-nums}blockquote{padding-block:calc(var(--baseline)/2);border-inline-start:3px solid var(--rule);color:color-mix(in srgb,var(--fg) 85%,var(--muted));padding-inline-start:1.8em}code,pre,kbd,samp{font-family:var(--font-mono);font-size:calc(1em - 1px);line-height:var(--baseline)}code{color:var(--code-inline)}code:before,code:after{content:"`"}pre{padding-block:var(--baseline);padding-inline:var(--baseline);background:var(--code-bg);color:var(--code-fg);border-radius:6px;margin-block-end:var(--baseline-margin);overflow-x:auto}pre code{color:inherit}pre code:before,pre code:after{content:""}kbd{border:1px solid var(--rule);background:color-mix(in srgb,var(--bg) 90%,var(--rule));border-radius:6px;padding:.1em .35em}table{border-collapse:collapse;width:100%}caption{font-family:var(--font-sans);font-size:.875em;line-height:var(--baseline);color:var(--muted);text-align:start;caption-side:top;padding:0}th,td{padding-block-start:calc(var(--baseline)/2);padding-block-end:calc((var(--baseline)/2) - 1px);padding-inline:calc(var(--baseline)/2);text-align:start;vertical-align:top;line-height:var(--baseline);border-bottom:1px solid var(--rule)}th{font-family:var(--font-sans);font-weight:600}thead th[colspan]{text-align:center}thead th{border-bottom:2px solid var(--rule);padding-block-end:calc((var(--baseline)/2) - 2px)}th:not(:first-child),td:not(:first-child){text-align:end;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--panel-bg)}mark{background:color-mix(in srgb,var(--accent) 15%,transparent);color:inherit}details{padding:calc(var(--baseline)/2);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow-inset);border-radius:8px}summary{font-family:var(--font-sans);font-weight:600;line-height:var(--baseline);cursor:pointer}}@layer forms{form{flex-direction:column;align-items:stretch;row-gap:0;display:flex}label{font-family:var(--font-sans);line-height:var(--baseline);margin-block-end:calc(var(--baseline)/4);display:block}input,select,textarea,button{font:inherit}input:not([type=checkbox],[type=radio],[type=button],[type=submit],[type=reset],[type=image],[type=hidden]),select,textarea{width:100%;padding-inline:calc(var(--baseline)/3);border:1px solid var(--panel-border);background:var(--bg);color:var(--fg);border-radius:8px;margin-block-end:var(--baseline)}input:not([type=checkbox],[type=radio],[type=file],[type=color],[type=range],[type=image],[type=button],[type=submit],[type=reset],[type=hidden]){padding-block:calc(var(--baseline)/3);line-height:var(--baseline)}select{padding-block:calc(var(--baseline)/3 + 3px);line-height:var(--baseline)}textarea{padding-block:calc((var(--baseline)/2) - 1px);line-height:var(--baseline);min-height:calc(var(--baseline) * 6 - 4px);resize:vertical}input[type=file],input[type=color],input[type=range]{padding-block:calc(var(--baseline)/3);line-height:var(--baseline)}input[type=checkbox],input[type=radio]{width:auto;height:auto;margin-block-end:var(--baseline)}button,input[type=submit],input[type=button],input[type=reset]{font-family:var(--font-sans);padding-block:calc(var(--baseline)/3);padding-inline:calc(var(--baseline)/2);font-weight:600;line-height:var(--baseline);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--panel-border));background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);cursor:pointer;border-radius:4px;margin-block-end:calc(var(--baseline) * 1.25);text-decoration:none}form button,form>input[type=submit],form>input[type=button],form>input[type=reset]{align-self:flex-start;width:max-content;max-width:100%}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent-hover)}fieldset{padding:calc((var(--baseline)/2) - 1px)calc(var(--baseline)/2);border:1px solid var(--panel-border);border-radius:8px}legend{font-family:var(--font-sans);color:var(--muted);padding-inline:.4em}form>:last-child{margin-block-end:0}form>button:last-child,form>input[type=submit]:last-child,form>input[type=button]:last-child,form>input[type=reset]:last-child{margin-block-end:calc(var(--baseline)/4)}}@layer media{figure>img,figure>video,figure>picture{margin-inline:auto;display:block}figcaption{font-family:var(--font-sans);font-size:.875em;line-height:var(--baseline);color:var(--muted)}}@layer debug{body.debug{position:relative}body.debug:after{z-index:0;pointer-events:none;background-color:#0000;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--baseline) - 1px),color-mix(in srgb,var(--accent) 18%,transparent) calc(var(--baseline) - 1px),color-mix(in srgb,var(--accent) 18%,transparent) var(--baseline));content:"";position:absolute;inset:0}body.debug>*{z-index:1;position:relative}}:root{--measure:80ch;--page-bg:color-mix(in srgb, var(--panel-bg) 70%, var(--bg));--accent:#A03E99;--accent-hover:#51424F;--link-visited:#51424F;--code-inline:#007B52;--example-accent:#007B52;--focus:0 0 0 3px color-mix(in srgb, #A03E99 28%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--accent:#FF9AF8;--accent-hover:#FFBAFF;--link-visited:#FF9AF8;--code-inline:#6DBAA1;--example-accent:#6DBAA1;--focus:0 0 0 3px color-mix(in srgb, #FF9AF8 34%, transparent)}}:root[data-theme=dark]{--accent:#FF9AF8;--accent-hover:#FFBAFF;--link-visited:#FF9AF8;--code-inline:#6DBAA1;--example-accent:#6DBAA1;--focus:0 0 0 3px color-mix(in srgb, #FF9AF8 34%, transparent)}pre,code{-moz-tab-size:4;-o-tab-size:4;tab-size:4}code::before,code::after{content:""}html,body{background:var(--page-bg)}body{font-family:var(--font-sans)}body::before{position:fixed;top:0;left:0;right:0;z-index:50;display:block;width:auto;height:5px;background:var(--accent);content:""}@media(max-width:63.99rem){body{border-top:5px solid var(--accent)}body::before{display:none}}.site-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 calc(var(--baseline)/2);font-family:var(--font-sans)}.site-nav__brand{font-weight:700}.welcome{width:min(100%,var(--measure));margin-inline:auto;padding-block-end:var(--baseline)}.welcome__description{font-weight:700}pre{overflow-wrap:break-word;white-space:pre-wrap}table{overflow:hidden;border:1px solid var(--panel-border);border-collapse:separate;border-spacing:0;border-radius:8px;background:var(--bg)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.ui-example{margin-block:calc(var(--baseline) * 1.5)}.ui-example p{margin-block-end:calc(var(--baseline)/2)}.ui-example button{margin:0}.web-stage,.phone-shell,.desktop-window{font-family:var(--font-sans)}.web-stage{min-width:0}.ui-card{position:relative;max-width:38rem;margin-inline:auto;padding:var(--baseline);border:1px solid var(--panel-border);border-radius:8px;background:var(--bg);box-shadow:0 .7rem 1.6rem rgb(0 0 0/14%)}.ui-card h4,.mobile-alert h4,.desktop-banner h4{margin-block-end:calc(var(--baseline)/2);font-size:1.25rem;line-height:var(--baseline)}.ui-status{margin-block-end:calc(var(--baseline)/2);color:var(--example-accent);font-weight:700}.ui-close{position:absolute;inset-block-start:calc(var(--baseline)/2);inset-inline-end:calc(var(--baseline)/2);width:2rem;height:2rem;padding:0;border:0;background:0 0;color:var(--muted);font-size:1.4rem;line-height:1}.ui-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(var(--baseline)/2);margin-block-start:var(--baseline)}.ui-button{display:inline-block;padding-block:calc(var(--baseline)/3);padding-inline:calc(var(--baseline)/1.5);border:1px solid var(--example-accent);border-radius:999px;font-weight:700;line-height:var(--baseline);text-align:center;text-decoration:none}.ui-button-primary{background:var(--example-accent);color:var(--bg)}.ui-button-secondary{background:0 0;color:var(--example-accent)}.ui-trace{width:auto;margin-inline:0;margin-block-start:var(--baseline);margin-block-end:0;padding-block-start:calc(var(--baseline)/2);padding-block-end:0;border-block-start:1px solid var(--panel-border);color:var(--muted);font-family:var(--font-sans);font-size:.875rem}.phone-shell{width:min(100%,22rem);margin-inline:auto;padding:calc(var(--baseline)/2);border:1px solid var(--panel-border);border-radius:2rem;background:var(--panel-bg);box-shadow:0 .6rem 1.4rem rgb(0 0 0/.1);overflow:hidden}.phone-screen{display:flex;min-height:25rem;align-items:flex-end;padding:calc(var(--baseline)/2);border-radius:1.5rem;background:var(--bg)}.mobile-alert{width:100%;padding:var(--baseline);border:1px solid color-mix(in srgb,var(--example-accent) 28%,var(--panel-border));border-radius:1rem;background:color-mix(in srgb,var(--example-accent) 4%,var(--bg))}.mobile-alert__meta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--baseline)/3);margin-block-end:calc(var(--baseline)/2);color:var(--muted);font-size:.875rem}.mobile-badge{padding-block:.1rem;padding-inline:.45rem;border-radius:999px;background:color-mix(in srgb,var(--example-accent) 14%,var(--bg));color:var(--example-accent);font-weight:700}.desktop-window{border:1px solid var(--panel-border);border-radius:8px;background:var(--bg);box-shadow:0 .6rem 1.4rem rgb(0 0 0/.1);overflow:hidden}.desktop-bar{display:flex;gap:.4rem;padding:calc(var(--baseline)/2);border-block-end:1px solid var(--panel-border);background:var(--panel-bg)}.desktop-bar span{width:.75rem;height:.75rem;border-radius:999px;background:var(--muted);opacity:.45}.desktop-banner{margin:var(--baseline);padding:var(--baseline);border:1px solid color-mix(in srgb,var(--example-accent) 32%,var(--panel-border));border-inline-start:4px solid var(--example-accent);border-radius:6px;background:color-mix(in srgb,var(--example-accent) 5%,var(--bg))}.desktop-banner__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(var(--baseline)/2)}.desktop-severity{color:var(--example-accent);font-weight:700}.desktop-meta{color:var(--muted);font-size:.875rem}.desktop-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--baseline)/2);margin-block-start:var(--baseline)}.desktop-footer .ui-trace{margin:0;padding:0;border:0}@media(max-width:42rem){.ui-actions{justify-content:stretch}.ui-button{width:100%}}