:root{--violet-500:#7c6cf2;--violet-600:#6a5ae8;--violet-650:#5e4ee0;--violet-300:#a99dff;--r-sm:4px;--r:8px;--r-lg:12px;--r-pill:999px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--measure:68rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16171b;--surface:#1d1f25;--raised:#262932;--hover:#2e323d;--field:#121316;--line:#30343e;--line-strong:#3f4452;--text:#e9eaef;--muted:#99a0ad;--faint:#8a91a0;--accent:var(--violet-500);--accent-solid:var(--violet-600);--accent-hover:var(--violet-650);--accent-soft:#7c6cf229;--accent-line:#7c6cf273;--accent-text:var(--violet-300);--on-accent:#fff;--user-bg:#2a2846;--green:#4cc38a;--green-soft:#4cc38a24;--amber:#e8b04b;--red:#f2807f;--red-soft:#f2807f24;--shadow:0 8px 24px #00000073}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--raised:#eef0f3;--hover:#e6e9ee;--field:#fff;--line:#dde0e6;--line-strong:#c3c8d2;--text:#181a1f;--muted:#5d6370;--faint:#656c7a;--accent-soft:#7c6cf21f;--accent-line:#6a5ae866;--accent-text:#5240d4;--user-bg:#e4e3f7;--green:#136a42;--green-soft:#136a421f;--amber:#855300;--red:#c03434;--red-soft:#c034341a;--shadow:0 8px 24px #181a1f29}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.15}h1{font-size:clamp(2.1rem,5.2vw,3.6rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{letter-spacing:-.01em;font-size:1.05rem}p{margin:0}a{color:var(--accent-text);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}code,kbd{font-family:var(--mono);font-size:.9em}.wrap{width:min(var(--measure), 100% - 32px);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--accent-solid);color:var(--on-accent);border-radius:var(--r);z-index:10;padding:8px 12px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.btn{border-radius:var(--r);border:1px solid var(--line-strong);background:var(--raised);min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hover)}.btn-primary{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{min-height:34px;padding:0 12px;font-size:.875rem}.btn-danger{color:var(--red)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.wordmark{letter-spacing:-.03em;color:var(--text);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark:before{content:"";background:var(--accent);border-radius:3px;width:10px;height:10px}.nav{align-items:center;gap:20px;font-size:.9375rem;display:flex}.nav a:not(.btn){color:var(--muted);padding:8px 0;text-decoration:none}.nav a:not(.btn):hover{color:var(--text)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:96px;padding:32px 0 48px;font-size:.875rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.site-footer nav{gap:20px;display:flex}.page{padding:56px 0 0}.page-narrow{max-width:40rem}.page-narrow>*+*{margin-top:20px}.lead{color:var(--muted);max-width:44rem;font-size:1.125rem}.eyebrow{font-family:var(--mono);color:var(--accent-text);letter-spacing:.04em;text-transform:lowercase;font-size:.8125rem}.hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:56px;padding:72px 0 24px;display:grid}.hero-copy>*+*{margin-top:24px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pill{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-text);border-radius:var(--r-pill);align-items:center;gap:8px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.section{padding-top:96px}.section>h2+p{margin-top:12px}.grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.card h3{margin-bottom:8px}.card p{color:var(--muted)}.step-n{font-family:var(--mono);color:var(--accent-text);margin-bottom:12px;font-size:.8125rem;display:block}.facts{background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr);gap:1px;margin-top:32px;display:grid;overflow:hidden}.fact{background:var(--surface);padding:24px}.fact b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;display:block}.fact span{color:var(--muted);font-size:.9rem}.note{color:var(--faint);margin-top:12px;font-size:.8125rem}.faq{border-top:1px solid var(--line);margin-top:24px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);max-width:46rem;margin-top:8px}.cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;padding:40px 24px}.cta>*+*{margin-top:16px}@media (min-width:720px){.grid.cols-2,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,24rem)}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.nav a:not(.btn){display:none}}
.form{gap:20px;display:grid}.field{gap:6px;display:grid}.field label,.field legend{padding:0;font-size:.9375rem;font-weight:600}.hint{color:var(--muted);font-size:.8125rem}.input,.textarea{background:var(--field);width:100%;min-height:44px;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r);font:inherit;padding:10px 12px}.textarea{resize:vertical;min-height:120px}.input:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}fieldset.field{border:0;min-width:0;margin:0;padding:0}.choices{flex-wrap:wrap;gap:8px 20px;margin-top:4px;display:flex}.choice{align-items:center;gap:8px;min-height:36px;display:inline-flex}.choice input{width:18px;height:18px;accent-color:var(--violet-600)}.error{color:var(--red);font-size:.875rem}.alert{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);padding:12px 16px}.alert-ok{border-color:var(--green);background:var(--green-soft)}.alert-bad{border-color:var(--red);background:var(--red-soft)}.trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.code{font-family:var(--mono);letter-spacing:.12em;font-size:1.75rem}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.875rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.table th{color:var(--muted);font-size:.8125rem;font-weight:600}.table tr:last-child td{border-bottom:0}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-actions form{align-items:center;gap:6px;display:inline-flex}.badge{border-radius:var(--r-pill);background:var(--raised);color:var(--muted);padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-ok{background:var(--green-soft);color:var(--green)}.badge-bad{background:var(--red-soft);color:var(--red)}.admin-stack>*+*{margin-top:40px}.prose>*+*{margin-top:16px}.prose h2{margin-top:40px;font-size:1.3rem}.prose ul{color:var(--muted);padding-left:20px}.prose li+li{margin-top:6px}
.mock-wrap{position:relative}.mock-label{font-family:var(--mono);color:var(--faint);font-size:.6875rem;position:absolute;top:-26px;right:0}.mock{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow);max-width:24rem;margin-inline:auto;font-size:13px;line-height:1.5;overflow:hidden}.mock-head{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;padding:10px 14px;display:flex}.mock-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.mock-title{font-size:14px;font-weight:600}.mock-sub{color:var(--muted);margin-left:auto;font-size:12px}.mock-body{gap:12px;padding:14px;display:grid}.mock-user{background:var(--user-bg);border-radius:var(--r-lg);justify-self:end;max-width:85%;padding:8px 12px}.mock-reply{color:var(--text)}.mock-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);gap:10px;padding:14px;display:grid}.mock-card-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.mock-status{color:var(--green);background:var(--green-soft);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.mock-ops{font-family:var(--mono);color:var(--muted);gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.mock-ops b{color:var(--text);font-weight:600}.mock-frames{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-frame{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(135deg, var(--raised), var(--field));position:relative}.mock-frame:after{content:attr(data-label);color:var(--faint);font-size:10px;position:absolute;bottom:4px;left:6px}.mock-frame.after{background:linear-gradient(135deg, var(--accent-soft), var(--raised));border-color:var(--accent-line)}.mock-actions{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.mock-undo{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--raised);color:var(--text);padding:3px 10px;font-size:12px}.mock-composer{border-top:1px solid var(--line);background:var(--surface);gap:6px;padding:10px 14px;display:grid}.mock-context{color:var(--faint);font-size:11px}.mock-input{background:var(--field);border:1px solid var(--line-strong);border-radius:var(--r);color:var(--faint);padding:8px 10px}