html{font-size:13px;scrollbar-gutter:stable}:root{--surface-ground: var(--p-surface-50);--surface-card: var(--p-content-background);--surface-border: var(--p-content-border-color);--surface-hover: var(--p-content-hover-background);--surface-subtle: var(--p-surface-100);--surface-inset: var(--p-surface-100);--surface-overlay: var(--p-mask-background);--text-color: var(--p-text-color);--text-color-secondary: var(--p-text-muted-color);--text-color-muted: var(--p-text-muted-color);--primary-color: var(--p-primary-color);--primary-hover: var(--p-primary-hover-color);--link-color: var(--p-primary-color);--btn-bg: var(--p-content-background);--btn-border: var(--p-content-border-color);--btn-text: var(--p-text-muted-color);--btn-hover-bg: var(--p-content-hover-background);--btn-hover-border: var(--p-surface-300);--btn-hover-text: var(--p-text-color);--btn-active-bg: var(--p-surface-100);--btn-active-border: var(--p-surface-400);--danger-color: var(--p-red-600);--danger-bg: var(--p-red-50);--danger-border: var(--p-red-200);--danger-text: var(--p-red-600);--danger-hover: var(--p-red-700);--success-color: var(--p-green-500);--success-bg: var(--p-green-50);--success-border: var(--p-green-100);--success-text: var(--p-green-700);--warning-color: var(--p-amber-600);--warning-bg: var(--p-yellow-50);--warning-text: var(--p-amber-600);--info-color: var(--p-blue-600);--info-bg: var(--p-blue-50);--info-border: var(--p-blue-200);--info-text: var(--p-blue-800);--early-access-bg: var(--p-blue-100);--early-access-text: var(--p-blue-800);--badge-share-bg: var(--p-blue-100);--badge-share-text: var(--p-blue-800);--badge-public-bg: var(--p-amber-100);--badge-public-text: var(--p-amber-800);--tag-bg: var(--p-surface-100);--tag-text: var(--p-surface-500);--data-color: var(--p-primary-600);--data-track: var(--p-primary-100);--data-baseline: var(--p-surface-300);--input-bg: var(--p-form-field-background);--input-border: var(--p-form-field-border-color);--input-focus-border: var(--p-form-field-focus-border-color);--input-text: var(--p-form-field-color);--input-placeholder: var(--p-form-field-placeholder-color);--code-bg: var(--p-surface-100);--code-text: var(--p-text-color);--pinstripe-image: url("data:image/svg+xml,%3Csvg width='2' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='2' y='2' fill='%23000' opacity='0.03'/%3E%3C/svg%3E");--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}html.app-dark{--surface-ground: var(--p-surface-950);--surface-subtle: var(--p-surface-800);--surface-inset: var(--p-surface-800);--danger-color: var(--p-red-400);--danger-bg: var(--p-red-950);--danger-border: var(--p-red-800);--danger-text: var(--p-red-300);--danger-hover: var(--p-red-500);--success-color: var(--p-green-400);--success-bg: var(--p-green-950);--success-border: var(--p-green-800);--success-text: var(--p-green-300);--warning-color: var(--p-amber-400);--warning-bg: var(--p-amber-950);--warning-text: var(--p-amber-300);--info-color: var(--p-blue-400);--info-bg: var(--p-blue-950);--info-border: var(--p-blue-800);--info-text: var(--p-blue-300);--early-access-bg: var(--p-blue-950);--early-access-text: var(--p-blue-300);--badge-share-bg: var(--p-blue-950);--badge-share-text: var(--p-blue-300);--badge-public-bg: var(--p-amber-950);--badge-public-text: var(--p-amber-200);--tag-bg: var(--p-surface-800);--tag-text: var(--p-surface-500);--data-track: var(--p-primary-900);--data-baseline: var(--p-surface-700);--btn-active-bg: var(--p-surface-800);--btn-active-border: var(--p-surface-600);--code-bg: var(--p-surface-800);--pinstripe-image: url("data:image/svg+xml,%3Csvg width='2' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='2' y='2' fill='%23fff' opacity='0.03'/%3E%3C/svg%3E")}html.app-light{--surface-ground: var(--p-surface-50);--surface-subtle: var(--p-surface-100);--surface-inset: var(--p-surface-100);--danger-color: var(--p-red-600);--danger-bg: var(--p-red-50);--danger-border: var(--p-red-200);--danger-text: var(--p-red-600);--danger-hover: var(--p-red-700);--success-color: var(--p-green-500);--success-bg: var(--p-green-50);--success-border: var(--p-green-100);--success-text: var(--p-green-700);--warning-color: var(--p-amber-600);--warning-bg: var(--p-yellow-50);--warning-text: var(--p-amber-600);--info-color: var(--p-blue-600);--info-bg: var(--p-blue-50);--info-border: var(--p-blue-200);--info-text: var(--p-blue-800);--early-access-bg: var(--p-blue-100);--early-access-text: var(--p-blue-800);--badge-share-bg: var(--p-blue-100);--badge-share-text: var(--p-blue-800);--badge-public-bg: var(--p-amber-100);--badge-public-text: var(--p-amber-800);--tag-bg: var(--p-surface-100);--tag-text: var(--p-surface-500);--data-track: var(--p-primary-100);--data-baseline: var(--p-surface-300);--btn-active-bg: var(--p-surface-100);--btn-active-border: var(--p-surface-400);--code-bg: var(--p-surface-100);--pinstripe-image: url("data:image/svg+xml,%3Csvg width='2' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='2' y='2' fill='%23000' opacity='0.03'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root{--surface-ground: var(--p-surface-950);--surface-subtle: var(--p-surface-800);--surface-inset: var(--p-surface-800);--danger-color: var(--p-red-400);--danger-bg: var(--p-red-950);--danger-border: var(--p-red-800);--danger-text: var(--p-red-300);--danger-hover: var(--p-red-500);--success-color: var(--p-green-400);--success-bg: var(--p-green-950);--success-border: var(--p-green-800);--success-text: var(--p-green-300);--warning-color: var(--p-amber-400);--warning-bg: var(--p-amber-950);--warning-text: var(--p-amber-300);--info-color: var(--p-blue-400);--info-bg: var(--p-blue-950);--info-border: var(--p-blue-800);--info-text: var(--p-blue-300);--early-access-bg: var(--p-blue-950);--early-access-text: var(--p-blue-300);--badge-share-bg: var(--p-blue-950);--badge-share-text: var(--p-blue-300);--badge-public-bg: var(--p-amber-950);--badge-public-text: var(--p-amber-200);--tag-bg: var(--p-surface-800);--tag-text: var(--p-surface-500);--data-track: var(--p-primary-900);--data-baseline: var(--p-surface-700);--btn-active-bg: var(--p-surface-800);--btn-active-border: var(--p-surface-600);--code-bg: var(--p-surface-800);--pinstripe-image: url("data:image/svg+xml,%3Csvg width='2' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='2' y='2' fill='%23fff' opacity='0.03'/%3E%3C/svg%3E")}}body{font-family:var(--font-mono);font-size:1rem;line-height:1.6;background:var(--surface-ground);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0}