:root{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-elev-1: #F9FAFB;--bg-elev-2: #F3F4F6;--bg-elev-3: #E5E7EB;--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-dim: #9CA3AF;--text: var(--text-primary);--text-muted: var(--text-secondary);--card: #FFFFFF;--card-border: #E5E7EB;--seo-primary: #3B82F6;--seo-hover: #2563EB;--seo-light: #60A5FA;--seo-bg: #EFF6FF;--seo-border: #DBEAFE;--geo-primary: #8B5CF6;--geo-hover: #7C3AED;--geo-light: #A78BFA;--geo-bg: #FAF5FF;--geo-border: #EDE9FE;--success: #10B981;--success-bg: #D1FAE5;--warning: #F59E0B;--warning-bg: #FEF3C7;--error: #EF4444;--error-bg: #FEE2E2;--info: #3B82F6;--info-bg: #DBEAFE;--border-primary: #E5E7EB;--border-secondary: #D1D5DB;--hairline: 1px solid var(--border-primary);--shadow-1: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-3: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--hover-overlay: rgba(0, 0, 0, .04);--active-overlay: rgba(0, 0, 0, .08);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .5);--chart-1: #3B82F6;--chart-2: #8B5CF6;--chart-3: #10B981;--chart-4: #F59E0B;--chart-5: #EF4444;--chart-6: #06B6D4}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-elev-1: #1E293B;--bg-elev-2: #334155;--bg-elev-3: #475569;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-dim: #64748B;--card: #1E293B;--card-border: #334155;--seo-primary: #60A5FA;--seo-hover: #93C5FD;--seo-light: #3B82F6;--seo-bg: #1E3A5F;--seo-border: #2563EB;--geo-primary: #A78BFA;--geo-hover: #C4B5FD;--geo-light: #8B5CF6;--geo-bg: #2E1F47;--geo-border: #7C3AED;--success: #34D399;--success-bg: #064E3B;--warning: #FBBF24;--warning-bg: #78350F;--error: #F87171;--error-bg: #7F1D1D;--info: #60A5FA;--info-bg: #1E3A8A;--border-primary: #334155;--border-secondary: #475569;--shadow-1: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-2: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-3: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--hover-overlay: rgba(255, 255, 255, .08);--active-overlay: rgba(255, 255, 255, .12);--focus-ring: 0 0 0 3px rgba(96, 165, 250, .5);--chart-1: #60A5FA;--chart-2: #A78BFA;--chart-3: #34D399;--chart-4: #FBBF24;--chart-5: #F87171;--chart-6: #22D3EE}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-elev-1: #1E293B;--bg-elev-2: #334155;--bg-elev-3: #475569;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-dim: #64748B;--card: #1E293B;--card-border: #334155;--seo-primary: #60A5FA;--seo-hover: #93C5FD;--seo-light: #3B82F6;--seo-bg: #1E3A5F;--seo-border: #2563EB;--geo-primary: #A78BFA;--geo-hover: #C4B5FD;--geo-light: #8B5CF6;--geo-bg: #2E1F47;--geo-border: #7C3AED;--success: #34D399;--success-bg: #064E3B;--warning: #FBBF24;--warning-bg: #78350F;--error: #F87171;--error-bg: #7F1D1D;--info: #60A5FA;--info-bg: #1E3A8A;--border-primary: #334155;--border-secondary: #475569;--shadow-1: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-2: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-3: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--hover-overlay: rgba(255, 255, 255, .08);--active-overlay: rgba(255, 255, 255, .12);--focus-ring: 0 0 0 3px rgba(96, 165, 250, .5);--chart-1: #60A5FA;--chart-2: #A78BFA;--chart-3: #34D399;--chart-4: #FBBF24;--chart-5: #F87171;--chart-6: #22D3EE}}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:ease}.card{background-color:var(--card);border:var(--hairline);border-radius:12px;padding:16px;box-shadow:var(--shadow-1)}.button-primary{background-color:var(--seo-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.button-primary:hover{background-color:var(--seo-hover)}.button-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:var(--hairline);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease,border-color .2s ease}.button-secondary:hover{background-color:var(--bg-tertiary)}.text-seo{color:var(--seo-primary)}.text-geo{color:var(--geo-primary)}.bg-seo{background-color:var(--seo-bg)}.bg-geo{background-color:var(--geo-bg)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-header-bar{display:flex;align-items:center;gap:20px;padding:16px 24px!important;margin-bottom:24px}.App-logo{width:128px;height:80px;padding-bottom:25px}.app-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}