:root{--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 36px;--text-4xl: 46px;--font-sans: "Google Sans Flex", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Source Serif 4", Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "Source Code Pro", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-system-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.7;--tracking-tighter: -.6px;--tracking-tight: -.3px;--tracking-normal: 0;--tracking-wide: .5px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--duration-instant: 0ms;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, .5);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.6%, 1);--shadow-xs: 0 1px 2px hsl(var(--color-shadow) / .04);--shadow-sm: 0 1px 3px hsl(var(--color-shadow) / .06), 0 1px 2px hsl(var(--color-shadow) / .04);--shadow-md: 0 4px 6px hsl(var(--color-shadow) / .05), 0 2px 4px hsl(var(--color-shadow) / .03);--shadow-lg: 0 10px 25px hsl(var(--color-shadow) / .08), 0 4px 10px hsl(var(--color-shadow) / .04);--shadow-xl: 0 20px 40px hsl(var(--color-shadow) / .1), 0 8px 16px hsl(var(--color-shadow) / .06);--shadow-overlay: 0 16px 48px hsl(var(--color-shadow) / .12), 0 4px 12px hsl(var(--color-shadow) / .08);--sidebar-width: 280px;--sidebar-min: 220px;--sidebar-max: 480px;--toolbar-height: 48px;--content-max-width: 780px;--content-padding-x: 48px;--content-padding-y: 32px;--reading-scale: 1;--z-base: 0;--z-above: 10;--z-toolbar: 20;--z-overlay: 100;--z-notepad: 150;--z-notepad-pill: 160;--z-reading-popover: 170;--z-modal: 200;--z-toast: 300;--hue: 30;--color-bg: hsl(var(--hue) 33% 99%);--color-surface: hsl(var(--hue) 30% 96%);--color-surface-hover: hsl(var(--hue) 20% 94%);--color-surface-active: hsl(var(--hue) 20% 90%);--color-surface-elevated: hsl(var(--hue) 40% 99%);--color-surface-overlay: hsl(var(--hue) 10% 8% / .45);--color-surface-sunken: hsl(var(--hue) 14% 96%);--color-text: hsl(var(--hue) 6% 12%);--color-text-secondary: hsl(var(--hue) 8% 42%);--color-text-tertiary: hsl(var(--hue) 10% 68%);--color-text-quaternary: hsl(var(--hue) 8% 83%);--color-text-inverse: hsl(var(--hue) 0% 100%);--color-text-code: hsl(var(--hue) 40% 40%);--color-border: hsl(var(--hue) 10% 90%);--color-border-subtle: hsl(var(--hue) 20% 92%);--color-border-strong: hsl(var(--hue) 12% 84%);--border-subtle: hsl(var(--hue) 12% 94%);--color-accent: hsl(var(--hue) 35% 44%);--color-accent-hover: hsl(var(--hue) 35% 37%);--color-accent-subtle: hsl(var(--hue) 35% 44% / .07);--color-accent-border: hsl(var(--hue) 35% 44% / .16);--color-link: hsl(var(--hue) 100% 42%);--color-selection: hsl(var(--hue) 24% 90%);--color-bullet: hsl(var(--hue) 40% 50%);--color-focus-ring: hsl(var(--hue) 50% 50% / .4);--color-scrollbar: hsl(var(--hue) 8% 82%);--color-scrollbar-hover: hsl(var(--hue) 10% 74%);--color-code-bg: hsl(var(--hue) 30% 96%);--color-code-header-bg: hsl(var(--hue) 16% 96%);--color-code-border: var(--color-code-bg);--color-code-header-border: hsl(var(--hue) 12% 92%);--color-content-surface: var(--color-code-bg);--color-inline-code-bg: hsl(var(--hue) 35% 44% / .08);--color-table-header: hsl(var(--hue) 25% 94%);--color-table-border: var(--color-border-subtle);--color-table-stripe: var(--color-code-bg);--color-table-hover: hsl(var(--hue) 25% 96%);--color-prompt-bg: hsl(var(--hue) 16% 96%);--color-prompt-hover: hsl(var(--hue) 14% 93%);--color-prompt-code-bg: hsl(var(--hue) 35% 44% / .06);--color-toast-bg: hsl(var(--hue) 6% 12%);--color-toast-text: hsl(var(--hue) 0% 100%);--color-shadow: var(--hue) 24% 12%;--color-json-key: hsl(340 65% 50%);--color-json-string: hsl(110 50% 38%);--color-json-number: hsl(40 70% 42%);--color-json-boolean: hsl(265 55% 60%);--color-json-null: hsl(var(--hue) 6% 60%);--color-json-punct: var(--color-text-tertiary);--color-json-bracket: var(--color-text-secondary)}:root[data-theme=dark]{--color-bg: hsl(var(--hue) 8% 10%);--color-surface: hsl(var(--hue) 7% 13%);--color-surface-hover: hsl(var(--hue) 7% 17%);--color-surface-active: hsl(var(--hue) 6% 22%);--color-surface-elevated: hsl(var(--hue) 8% 15%);--color-surface-overlay: hsl(var(--hue) 12% 4% / .6);--color-surface-sunken: hsl(var(--hue) 8% 11%);--color-text: hsl(var(--hue) 8% 92%);--color-text-secondary: hsl(var(--hue) 6% 63%);--color-text-tertiary: hsl(var(--hue) 5% 42%);--color-text-quaternary: hsl(var(--hue) 5% 27%);--color-text-inverse: hsl(var(--hue) 8% 10%);--color-text-code: hsl(var(--hue) 98% 68%);--color-border: hsl(var(--hue) 6% 24%);--color-border-subtle: hsl(var(--hue) 7% 18%);--color-border-strong: hsl(var(--hue) 6% 32%);--border-subtle: hsl(var(--hue) 7% 18%);--color-accent: hsl(var(--hue) 38% 64%);--color-accent-hover: hsl(var(--hue) 42% 72%);--color-accent-subtle: hsl(var(--hue) 38% 64% / .1);--color-accent-border: hsl(var(--hue) 38% 64% / .2);--color-link: hsl(var(--hue) 90% 65%);--color-selection: hsl(var(--hue) 40% 28%);--color-bullet: hsl(var(--hue) 85% 62%);--color-focus-ring: hsl(var(--hue) 45% 60% / .4);--color-scrollbar: hsl(var(--hue) 5% 32%);--color-scrollbar-hover: hsl(var(--hue) 5% 40%);--color-inline-code-bg: hsl(var(--hue) 38% 64% / .1);--color-code-bg: hsl(var(--hue) 8% 12%);--color-code-header-bg: hsl(var(--hue) 8% 15%);--color-code-border: hsl(var(--hue) 6% 22%);--color-code-header-border: hsl(var(--hue) 6% 20%);--color-table-header: hsl(var(--hue) 7% 16%);--color-table-border: hsl(var(--hue) 6% 24%);--color-table-stripe: hsl(var(--hue) 8% 12%);--color-table-hover: hsl(var(--hue) 7% 14%);--color-prompt-bg: hsl(var(--hue) 8% 15%);--color-prompt-hover: hsl(var(--hue) 7% 19%);--color-prompt-code-bg: hsl(var(--hue) 38% 64% / .08);--color-toast-bg: hsl(var(--hue) 8% 92%);--color-toast-text: hsl(var(--hue) 8% 10%);--color-json-key: hsl(345 90% 70%);--color-json-string: hsl(95 55% 67%);--color-json-number: hsl(48 95% 70%);--color-json-boolean: hsl(255 80% 78%);--color-json-null: hsl(var(--hue) 4% 58%);--color-shadow: var(--hue) 40% 2%;--shadow-sm: 0 1px 3px hsl(var(--color-shadow) / .2), 0 1px 2px hsl(var(--color-shadow) / .12);--shadow-md: 0 4px 6px hsl(var(--color-shadow) / .2), 0 2px 4px hsl(var(--color-shadow) / .12);--shadow-lg: 0 10px 25px hsl(var(--color-shadow) / .3), 0 4px 10px hsl(var(--color-shadow) / .15);--shadow-xl: 0 20px 40px hsl(var(--color-shadow) / .35), 0 8px 16px hsl(var(--color-shadow) / .2);--shadow-overlay: 0 16px 48px hsl(var(--color-shadow) / .4), 0 4px 12px hsl(var(--color-shadow) / .25)}