:root{--slate-950:#010102;--slate-900:#0f1011;--slate-850:#141516;--slate-800:#23252a;--slate-750:#34343a;--slate-600:#63666e;--slate-400:#8a8f98;--slate-300:#d0d6e0;--slate-200:#dde0e5;--slate-100:#eceef0;--slate-50:#f7f8f8;--white:#fff;--blue-600:#5e69d1;--blue-500:#5e6ad2;--blue-400:#828fff;--blue-600-a50:#5e69d180;--red-500:#e5484d;--font-family-sans-stack:system-ui, "Segoe UI", Roboto, sans-serif;--font-family-mono-stack:ui-monospace, Consolas, monospace;--size-4:4px;--size-8:8px;--size-12:12px;--size-14:14px;--size-16:16px;--size-24:24px;--size-32:32px;--size-48:48px;--radius-4:4px;--radius-8:8px;--radius-12:12px}:root,:root[data-theme=dark]{--color-bg-canvas:var(--slate-950);--color-bg-surface-1:var(--slate-900);--color-bg-surface-2:var(--slate-850);--color-border-hairline:var(--slate-800);--color-border-hairline-strong:var(--slate-750);--color-text-heading:var(--slate-50);--color-text-body:var(--slate-300);--color-text-subtle:var(--slate-400)}:root[data-theme=light]{--color-bg-canvas:var(--white);--color-bg-surface-1:var(--slate-50);--color-bg-surface-2:var(--slate-100);--color-border-hairline:var(--slate-200);--color-border-hairline-strong:var(--slate-300);--color-text-heading:var(--slate-950);--color-text-body:var(--slate-750);--color-text-subtle:var(--slate-600)}:root{--color-accent:var(--blue-500);--color-accent-hover:var(--blue-400);--color-accent-focus:var(--blue-600);--color-accent-focus-ring:var(--blue-600-a50);--color-error:var(--red-500);--font-family-body:var(--font-family-sans-stack);--font-family-heading:var(--font-family-sans-stack);--font-family-code:var(--font-family-mono-stack);--radius-control:var(--radius-8);--radius-card:var(--radius-12);--space-control-padding-y:var(--size-8);--space-control-padding-x:var(--size-14);--space-input-padding-x:var(--size-16);--space-card-padding:var(--size-24);--button-bg:var(--color-bg-surface-1);--button-bg-hover:var(--color-bg-surface-2);--button-border:var(--color-border-hairline);--button-border-hover:var(--color-border-hairline-strong);--button-color:var(--color-text-body);--button-focus-ring:var(--color-accent-focus-ring);--button-radius:var(--radius-control);--button-padding-y:var(--space-control-padding-y);--button-padding-x:var(--space-control-padding-x);--button-primary-bg:var(--color-accent);--button-primary-bg-hover:var(--color-accent-hover);--button-primary-bg-active:var(--color-accent-focus);--button-primary-color:var(--slate-50);--input-bg:var(--color-bg-surface-1);--input-color:var(--color-text-body);--input-placeholder-color:var(--color-text-subtle);--input-border:var(--color-border-hairline);--input-focus-ring:var(--color-accent-focus-ring);--input-radius:var(--radius-control);--input-padding-y:var(--space-control-padding-y);--input-padding-x:var(--space-input-padding-x);--code-bg:var(--color-bg-surface-2);--code-color:var(--color-text-heading);--code-font:var(--font-family-code);--code-radius:var(--radius-4);--card-bg:var(--color-bg-surface-1);--card-bg-hover:var(--color-bg-surface-2);--card-border:var(--color-border-hairline);--card-border-hover:var(--color-border-hairline-strong);--card-radius:var(--radius-card);--card-padding:var(--space-card-padding);--card-focus-ring:var(--color-accent-focus-ring)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{background:var(--color-bg-canvas);color:var(--color-text-body);font:16px/150% var(--font-family-body);letter-spacing:-.05px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{text-align:center;border-inline:1px solid var(--color-border-hairline);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--font-family-heading);color:var(--color-text-heading)}h1{letter-spacing:-1.8px;margin:32px 0;font-size:56px;font-weight:600;line-height:1.1}h2{letter-spacing:-.4px;margin:0 0 8px;font-size:22px;font-weight:500;line-height:1.25}@media (width<=1024px){h1{margin:20px 0;font-size:36px}h2{font-size:20px}}p{margin:0}code{font-family:var(--code-font);color:var(--code-color);background:var(--code-bg);border-radius:var(--code-radius);padding:4px 8px;font-size:13px;font-weight:400;line-height:150%;display:inline-flex}button{font-family:var(--font-family-body);background:var(--button-bg);color:var(--button-color);border:1px solid var(--button-border);border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);cursor:pointer;font-size:16px}button:hover:not(:disabled){background:var(--button-bg-hover);border-color:var(--button-border-hover)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--button-focus-ring);outline:none}.button-primary{background:var(--button-primary-bg);color:var(--button-primary-color);border-color:#0000}.button-primary:hover:not(:disabled){background:var(--button-primary-bg-hover)}.button-primary:active:not(:disabled){background:var(--button-primary-bg-active)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);text-decoration:none;display:block}a.card{transition:background-color .15s,border-color .15s}a.card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover)}a.card:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--card-focus-ring);outline:none}.text-link{text-decoration:none}.text-link:hover{text-decoration:underline}.text-link:focus-visible{border-radius:var(--radius-4);box-shadow:0 0 0 3px var(--color-accent-focus-ring);outline:none}input[type=text],input[type=date],textarea{box-sizing:border-box;width:100%;font-family:var(--font-family-body);background:var(--input-bg);color:var(--input-color);border:1px solid var(--input-border);border-radius:var(--input-radius);padding:var(--input-padding-y) var(--input-padding-x);font-size:16px;display:block}textarea{resize:vertical}input[type=text]::placeholder,input[type=date]::placeholder,textarea::placeholder{color:var(--input-placeholder-color)}input[type=text]:focus,input[type=date]:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}
