:root{--bg-main:#0a0a0f;--bg-card:#12121a;--bg-section-alt:#0f0f18;--bg-nav:#0a0a0fd9;--surface-code:#0d1117;--surface-input:#1a1a24;--surface-iteration:#16161f;--accent:#9b59ff;--accent-glow:#9b59ff59;--accent-glow-sm:#9b59ff2e;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#5a5a70;--text-code:#c9d1d9;--success:#22c55e;--success-glow:#22c55e40;--error:#ef4444;--error-bg:#ef44441f;--error-border:#ef444459;--warning:#f59e0b;--border:#ffffff14;--border-accent:#9b59ff66;--border-focus:#9b59ff;--ring:#9b59ff59;--diff-high:#ef4444;--diff-mid:#f59e0b;--diff-low:#22c55e;--radius-sm:6px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 24px #00000080, 0 0 0 1px var(--border);--shadow-accent:0 0 40px var(--accent-glow);--shadow-lg:0 16px 48px #0009, 0 0 0 1px var(--border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:clip}body{background:var(--bg-main);min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Heebo,system-ui,sans-serif}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-opacity{0%,to{opacity:.6}50%{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter-shimmer{0%{background-position:-200%}to{background-position:200%}}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal-stagger]>*{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
:root[data-app=product]{--surface-canvas:#f4f6f8;--surface-sunken:#e9edf2;--surface-raised:#fff;--surface-overlay:#fff;--surface-inset:#f0f3f7;--surface-nav:#fff;--surface-code:#10141b;--surface-inverse:#0f1b2e;--surface-inverse-raised:#17263d;--surface-inverse-hover:#e8edf512;--border-subtle:#0b152414;--border-default:#0b152424;--border-strong:#0b152438;--border-focus:#2557c4;--border-on-inverse:#e8edf524;--accent:#3d7bff;--accent-strong:#2557c4;--accent-hover:#1f4fb8;--accent-active:#1a429b;--accent-subtle:#3d7bff1a;--accent-border:#3d7bff61;--accent-ring:#3d7bff73;--text-strong:#0b1524;--text-default:#28334a;--text-muted:#57657c;--text-faint:#78849a;--text-code:#d7dee8;--text-on-accent:#fff;--text-on-inverse:#e8edf5;--text-on-inverse-muted:#a9b7cc;--status-success:#0f6e44;--status-success-subtle:#0f6e441a;--status-success-border:#0f6e444d;--status-warning:#8a5207;--status-warning-subtle:#8a52071a;--status-warning-border:#8a52074d;--status-danger:#b3242e;--status-danger-subtle:#b3242e1a;--status-danger-border:#b3242e4d;--status-info:#1857ce;--status-info-subtle:#1857ce1a;--status-info-border:#1857ce4d;--score-good:var(--status-success);--score-mid:var(--status-warning);--score-bad:var(--status-danger);--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;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--font-ui:"Poppins", "Inter", system-ui, -apple-system, sans-serif;--font-app:"Poppins", "Heebo", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.6875rem;--fs-3xl:2.0625rem;--fs-4xl:2.5rem;--fs-display:clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.55;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--elev-0:none;--elev-1:0 1px 2px #0b15240f;--elev-2:0 4px 12px #0b152414, 0 1px 3px #0b15240f;--elev-3:0 16px 40px #0b15241f, 0 2px 8px #0b15240f;--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--ease-out:cubic-bezier(.2, .8, .2, 1);--shell-sidebar:284px;--shell-panel:340px;--shell-topbar:56px;--shell-content-max:1200px;--dash-aurora-1:#3d7bff4d;--dash-aurora-2:#8b5cf642;--dash-aurora-3:#2dd4bf38;--dash-aurora-4:#f472b633;--dash-ray-a:#ec48991c;--dash-ray-b:#10b9811a;--sidebar-glow:radial-gradient(120% 60% at 50% 118%, #3d7bff57, transparent 70%), radial-gradient(90% 46% at 18% 108%, #8b5cf642, transparent 72%);--scrim:#0b15247a;--brand-grad-start:#1e3a8a;--brand-grad-mid:#2557c4;--brand-grad-end:#3d7bff;--brand-gradient-cta-end:#2e6be0;--brand-gradient:linear-gradient(135deg, var(--brand-grad-start) 0%, var(--brand-grad-mid) 55%, var(--brand-grad-end) 100%);--brand-gradient-cta:linear-gradient(135deg, var(--brand-grad-start) 0%, var(--brand-grad-mid) 52%, var(--brand-gradient-cta-end) 100%);--brand-gradient-text:linear-gradient(120deg, var(--brand-grad-start) 0%, var(--brand-grad-mid) 100%);--brand-mesh-1:#3d7bff12;--brand-mesh-2:#1e3a8a08;--brand-mesh-3:#5a8fff08;--brand-mesh:radial-gradient(ellipse 55% 45% at 12% 8%, var(--brand-mesh-1), transparent 62%), radial-gradient(ellipse 50% 40% at 88% 4%, var(--brand-mesh-2), transparent 60%), radial-gradient(ellipse 70% 50% at 50% 96%, var(--brand-mesh-3), transparent 65%);--bg-main:var(--surface-canvas);--bg-card:var(--surface-raised);--bg-section-alt:var(--surface-sunken);--bg-nav:var(--surface-nav);--surface-input:var(--surface-inset);--surface-iteration:var(--surface-overlay);--accent-glow:var(--accent-subtle);--accent-glow-sm:var(--accent-subtle);--text-primary:var(--text-strong);--text-secondary:var(--text-muted);--success:var(--status-success);--success-glow:var(--status-success-subtle);--error:var(--status-danger);--error-bg:var(--status-danger-subtle);--error-border:var(--status-danger-border);--warning:var(--status-warning);--border:var(--border-default);--border-accent:var(--accent-border);--ring:var(--accent-ring);--diff-high:var(--score-bad);--diff-mid:var(--score-mid);--diff-low:var(--score-good);--radius:var(--radius-md);--shadow-sm:var(--elev-1);--shadow:var(--elev-2);--shadow-accent:var(--elev-2);--shadow-lg:var(--elev-3)}:root[data-app=product],:root[data-app=product] body{overflow-x:clip}:root[data-app=product] body{font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--surface-canvas);color:var(--text-default)}:root[data-app=product] :is(input,output,td,.cmp-tab__score,.quality__score,.run__iter-n,.conv__count,.card__match,.np__selected-count,[data-numeric]){font-variant-numeric:tabular-nums}:root[data-app=product] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}