:root{--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EFEFEF;--gray-300: #E5E5E5;--gray-400: #D4D4D4;--gray-500: #A3A3A3;--gray-600: #737373;--gray-700: #525252;--gray-800: #171717;--green-600: #16A34A;--amber-600: #D97706;--red-600: #DC2626;--blue-600: #2563EB;--color-bg-page: var(--gray-50);--color-bg-surface: #FFFFFF;--color-bg-raised: var(--gray-100);--color-bg-overlay: var(--gray-200);--color-border-default: var(--gray-300);--color-border-subtle: var(--gray-200);--color-border-heavy: var(--gray-400);--color-text-primary: var(--gray-800);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-600);--color-text-disabled: var(--gray-500);--color-success: var(--green-600);--color-success-soft: rgba(22, 163, 74, .08);--color-warning: var(--amber-600);--color-warning-soft: rgba(217, 119, 6, .08);--color-error: var(--red-600);--color-error-soft: rgba(220, 38, 38, .08);--color-info: var(--blue-600);--color-info-soft: rgba(37, 99, 235, .08);--color-focus: var(--blue-600);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .25s;--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.7, 0, .84, 0);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--replay-accent: #2D5F3E;--replay-scrubber-height: 8px;--replay-handle-size: 20px;--replay-handle-hit: 44px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-info);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tabular-nums{font-variant-numeric:tabular-nums}