:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--color-bg:#fff;--color-surface:#f6f7f9;--color-border:#dfe2e7;--color-text:#1b1f24;--color-muted:#5b6370;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-accent-contrast:#fff;--color-danger:#b42318;--color-danger-surface:#fef3f2;--color-success:#067647;--color-focus:#4f46e5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius:.5rem;--content-width:64rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0f1115;--color-surface:#171a21;--color-border:#2a2f3a;--color-text:#e6e8ec;--color-muted:#9aa3b2;--color-accent:#818cf8;--color-accent-hover:#a5b4fc;--color-accent-contrast:#0f1115;--color-danger:#fda29b;--color-danger-surface:#2a1513;--color-success:#75e0a7;--color-focus:#a5b4fc}}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ol,ul,pre,figure{margin:0}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}h1,h2,h3{text-wrap:balance;line-height:1.2}h1{font-size:clamp(2rem,5vw,2.75rem)}h2{font-size:1.375rem}h3{font-size:1.0625rem}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);font-size:.875em}:not(pre)>code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.25rem;padding:.1em .35em}pre{padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);overflow-x:auto}img,svg{max-width:100%;display:block}label{font-size:.9375rem;font-weight:600;display:block}input,button{font:inherit}input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;border:1px solid #0000;font-weight:600;transition:background-color .15s;display:inline-flex}button:hover{background:var(--color-accent-hover)}button:disabled{opacity:.6;cursor:progress}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-accent);color:var(--color-accent-contrast);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--color-accent-hover);color:var(--color-accent-contrast)}.button-link--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.button-link--secondary:hover{border-color:var(--color-accent);color:var(--color-text);background:0 0}.container{width:100%;max-width:var(--content-width);padding-inline:var(--space-4);margin-inline:auto}.muted{color:var(--color-muted)}.stack>*+*{margin-top:var(--space-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.about{max-width:44rem}.about>section{margin-top:var(--space-8)}.about__lead{font-size:1.125rem}.about__stack{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.about__stack>div{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius)}.about__stack dt{font-weight:600}.about__stack dd{margin:var(--space-1) 0 0;font-size:.9375rem}.about__commands{border-collapse:collapse;width:100%}.about__commands td{padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--color-border);vertical-align:top}.about__links{align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.home__hero{max-width:44rem}.home__lead{font-size:1.125rem}.home__stack{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.home__stack a{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;font-size:.875rem;text-decoration:none;display:inline-flex}.home__stack a:hover{border-color:var(--color-accent)}.home__stack img{width:auto;max-width:2.5rem;height:1.25rem}.home__cta{gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.home__actions{gap:var(--space-2) var(--space-6);flex-wrap:wrap;font-weight:600;display:flex}.home__section{margin-top:var(--space-12)}.home__demo{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid}.home__flow{gap:var(--space-4);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));padding:0;list-style:none;display:grid}.home__flow li{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);counter-increment:step}.home__flow li:before{content:counter(step);width:1.5rem;height:1.5rem;margin-bottom:var(--space-2);background:var(--color-accent);color:var(--color-accent-contrast);border-radius:999px;place-items:center;font-size:.8125rem;font-weight:700;display:inline-grid}.home__flow a{text-decoration:none;display:block}.home__flow a:hover code{border-color:var(--color-accent)}.home__flow code{display:block}.home__flow p{margin-top:var(--space-2);font-size:.9375rem}.demo-panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.demo-panel__heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.demo-panel__heading a{font-size:.875rem}.demo-panel p.muted{font-size:.9375rem}.demo-panel__result{font-weight:600;display:block}output.demo-panel__result{color:var(--color-success)}.demo-panel__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-danger-surface);color:var(--color-danger);font-weight:600}.greeting-form__row{gap:var(--space-2);margin-top:var(--space-2);display:flex}.greeting-form__row button{white-space:nowrap;flex-shrink:0}.response-preview pre{min-height:5.5rem;max-height:16rem;margin-top:var(--space-2);background:var(--color-bg)}.response-preview__header{justify-content:space-between;gap:var(--space-2);font-size:.875rem;display:flex}.response-preview__status{font-weight:600}.response-preview__status--success{color:var(--color-success)}.response-preview__status--error{color:var(--color-danger)}.response-preview__status--muted{color:var(--color-muted)}.response-preview__meta{margin-top:var(--space-2);font-size:.8125rem}.app-header{border-bottom:1px solid var(--color-border)}.app-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;display:flex}.app-header__brand{color:var(--color-text);font-weight:700;text-decoration:none}.app-header__nav{align-items:center;gap:var(--space-4);padding:0;list-style:none;display:flex}.app-header__nav a{color:var(--color-muted);text-decoration:none}.app-header__nav a:hover,.app-header__nav a[aria-current=page]{color:var(--color-text)}.app-header__nav a[aria-current=page]{font-weight:600}.app-main{padding-block:var(--space-8) var(--space-12)}.app-header__github{align-items:center;gap:var(--space-1);display:inline-flex}.app-footer{border-top:1px solid var(--color-border);font-size:.875rem}.app-footer__inner{justify-content:space-between;gap:var(--space-2) var(--space-6);padding-block:var(--space-6);flex-wrap:wrap;display:flex}