:root{--font-sans: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-devanagari: "Noto Sans Devanagari", "Mangal", "Kohinoor Devanagari", system-ui, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--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;--space-20: 80px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 999px;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-5xl: 60px;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.55;--transition-fast: .12s ease;--transition-base: .22s ease;--container-max: 1100px;--header-h: 60px;--brass-100: #e9d9b4;--brass-300: #d4af7a;--brass-500: #b08d57;--brass-600: #9a7943;--brass-700: #8b6f3e;--brass-900: #4a3a1f}:root,[data-theme=dark]{color-scheme:dark;--bg-base: #0c0a09;--bg-surface: #1c1917;--bg-elevated: #292524;--bg-input: #1c1917;--bg-hover: #292524;--text-primary: #fafaf9;--text-secondary: #d6d3d1;--text-muted: #a8a29e;--text-faint: #78716c;--text-inverse: #1c1917;--border-subtle: #1c1917;--border-default: #292524;--border-strong: #44403c;--brand-primary: var(--brass-500);--brand-primary-hover: var(--brass-300);--brand-primary-soft: rgba(176, 141, 87, .16);--brand-on-primary: #1c1917;--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #ca8a04;--warning-soft: rgba(202, 138, 4, .18);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .16);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .16);--accent-points: var(--brass-300);--accent-points-soft: rgba(176, 141, 87, .16);--accent-gold: #facc15;--diff-easy: var(--success);--diff-medium: var(--warning);--diff-hard: var(--danger);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 6px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .65);--code-bg: #0a0807}[data-theme=light]{color-scheme:light;--bg-base: #fafaf9;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-hover: #f5f5f4;--text-primary: #1c1917;--text-secondary: #292524;--text-muted: #57534e;--text-faint: #a8a29e;--text-inverse: #fafaf9;--border-subtle: #f5f5f4;--border-default: #e7e5e4;--border-strong: #d6d3d1;--brand-primary: var(--brass-700);--brand-primary-hover: var(--brass-900);--brand-primary-soft: rgba(139, 111, 62, .12);--brand-on-primary: #fafaf9;--success: #16a34a;--success-soft: rgba(22, 163, 74, .12);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--accent-points: var(--brass-700);--accent-points-soft: rgba(139, 111, 62, .12);--accent-gold: #b45309;--diff-easy: var(--success);--diff-medium: var(--warning);--diff-hard: var(--danger);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .06);--shadow-md: 0 8px 24px rgba(28, 25, 23, .08);--shadow-lg: 0 16px 48px rgba(28, 25, 23, .12);--overlay-scrim: rgba(28, 25, 23, .45);--code-bg: #1c1917}[data-product=sql]{--brand-primary: #312e81;--brand-primary-hover: #4338ca;--brand-primary-soft: rgba(49, 46, 129, .18);--brand-on-primary: #ffffff}[data-theme=light][data-product=sql]{--brand-primary: #312e81;--brand-primary-hover: #1e1b4b;--brand-primary-soft: rgba(49, 46, 129, .1);--brand-on-primary: #ffffff}[data-product=python]{--brand-primary: #15803d;--brand-primary-hover: #166534;--brand-primary-soft: rgba(21, 128, 61, .18);--brand-on-primary: #fff}[data-product=excel]{--brand-primary: #047857;--brand-primary-hover: #065f46;--brand-primary-soft: rgba(4, 120, 87, .18);--brand-on-primary: #fff}[data-product=pyspark]{--brand-primary: #c2410c;--brand-primary-hover: #9a3412;--brand-primary-soft: rgba(194, 65, 12, .18);--brand-on-primary: #fff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);transition:background var(--transition-base),color var(--transition-base)}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}code,pre{font-family:var(--font-mono);font-size:.92em}::selection{background:var(--brand-primary-soft);color:var(--text-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.input:focus-visible{outline:none}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:var(--brand-on-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover);text-decoration:none}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);text-decoration:none}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);text-decoration:none}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);text-decoration:none}.btn-lg{padding:13px 22px;font-size:var(--text-md);border-radius:var(--radius-md)}.input{width:100%;padding:10px 12px;font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft)}.label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-pill);border:1px solid transparent}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-points{background:var(--accent-points-soft);color:var(--accent-points)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}