:root{--bg: #0b0c0f;--panel: #111318;--rule: #1f232c;--rule-strong: #2c313d;--text: #e7e9ee;--text-secondary: #a3a7b3;--text-tertiary: #6b7080;--cpu: #4cc2ff;--gpu: #ffb224;--cpu-dim: rgba(76, 194, 255, .14);--gpu-dim: rgba(255, 178, 36, .14);--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.shell{max-width:46rem;margin:0 auto;padding:0 1.5rem 5rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0 1.25rem;border-bottom:1px solid var(--rule);margin-bottom:2.5rem}.nav-brand{font-family:var(--mono);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem}.nav-logo{flex-shrink:0}.version{font-family:var(--mono);font-size:.6875rem;font-weight:400;color:var(--text-tertiary);border:1px solid var(--rule);border-radius:4px;padding:.05rem .4rem}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-size:.875rem;color:var(--text-secondary);text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);font-weight:600}.lede{font-size:1.0625rem;font-weight:600}.description{color:var(--text-secondary);margin-top:.625rem;max-width:40rem;font-size:.9375rem}.k-cpu{color:var(--cpu);font-family:var(--mono);font-size:.875em}.k-gpu{color:var(--gpu);font-family:var(--mono);font-size:.875em}.env{display:flex;flex-wrap:wrap;gap:0;background:var(--panel);border:1px solid var(--rule);border-radius:8px;margin-top:2rem;overflow:hidden}.env-item{flex:1 1 10rem;padding:.875rem 1.25rem}.env-item+.env-item{border-left:1px solid var(--rule)}.env-item dt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.env-item dd{font-family:var(--mono);font-size:.875rem;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice{border:1px solid var(--rule);border-left:3px solid var(--gpu);background:var(--panel);border-radius:6px;padding:.875rem 1.125rem;margin-top:1rem;font-size:.9375rem;color:var(--text-secondary)}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--rule)}.control-label{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.5rem}.pills{display:flex;gap:.5rem}.pill{font-family:var(--mono);font-size:.8125rem;font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--rule-strong);border-radius:6px;padding:.375rem .875rem;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.pill:hover:not(:disabled){border-color:var(--text-tertiary)}.pill[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.pill:disabled{opacity:.5;cursor:default}button.primary,button.secondary{font-family:var(--sans);font-size:.9375rem;font-weight:600;border-radius:6px;padding:.55rem 1.4rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}button.primary{background:var(--text);color:var(--bg);border:1px solid var(--text)}button.primary:hover:not(:disabled){background:#fff}button.primary:disabled{opacity:.4;cursor:default}button.secondary{background:transparent;color:var(--text);border:1px solid var(--rule-strong);font-weight:500}button.secondary:hover:not(:disabled){border-color:var(--text-tertiary);background:var(--panel)}.status{display:flex;align-items:center;gap:.625rem;color:var(--text-secondary);font-family:var(--mono);font-size:.8125rem;padding:1.25rem 0}.spinner{width:.75rem;height:.75rem;border:1.5px solid var(--rule-strong);border-top-color:var(--gpu);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.results{padding-top:2rem}.results-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.875rem}h2{font-family:var(--mono);font-size:.875rem;font-weight:700;letter-spacing:.04em}.verify-note{font-family:var(--mono);font-size:.6875rem;color:var(--text-tertiary)}.rows{background:var(--panel);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.row{display:grid;grid-template-columns:10.5rem 1fr 4.5rem;gap:1.25rem;align-items:center;padding:.875rem 1.25rem}.row+.row{border-top:1px solid var(--rule)}.row-label{font-size:.875rem;color:var(--text)}.row-bars{display:grid;gap:.375rem}.bar-line{display:grid;grid-template-columns:2.1rem 1fr 5.2rem;gap:.625rem;align-items:center}.bar-tag{font-family:var(--mono);font-size:.625rem;letter-spacing:.08em;color:var(--text-tertiary)}.bar-track{position:relative;height:8px;border-radius:2px;overflow:hidden}.bar{position:absolute;inset:0 auto 0 0;border-radius:2px;min-width:2px}.bar-cpu{background:var(--cpu)}.bar-gpu{background:var(--gpu)}.bar-line:first-child .bar-track{background:var(--cpu-dim)}.bar-line:last-child .bar-track{background:var(--gpu-dim)}.bar-value{font-family:var(--mono);font-size:.75rem;color:var(--text-secondary);text-align:right;white-space:nowrap}.row-speedup{text-align:right}.speedup{font-family:var(--mono);font-size:.875rem;font-weight:700}.gpu-won{color:var(--gpu)}.cpu-won{color:var(--cpu)}.mismatch{display:block;font-family:var(--mono);font-size:.625rem;color:#f87171;margin-top:.15rem}.summary{display:flex;flex-wrap:wrap;gap:0;background:var(--panel);border:1px solid var(--rule);border-radius:8px;margin-top:2.25rem;overflow:hidden}.stat{flex:1 1 12rem;padding:1.25rem 1.5rem}.stat+.stat{border-left:1px solid var(--rule)}.stat-value{font-family:var(--mono);font-size:1.75rem;font-weight:700;color:var(--gpu);line-height:1.2}.stat:first-child .stat-value{color:var(--text)}.stat-dim{color:var(--text-tertiary);font-size:1.125rem;font-weight:500}.stat-label{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.summary-plain{padding:1.25rem 1.5rem;font-size:.9375rem;color:var(--text-secondary)}.actions{display:flex;gap:.75rem;margin-top:1.25rem}footer{margin-top:4rem;border-top:1px solid var(--rule);padding-top:1.5rem;color:var(--text-secondary);font-size:.875rem}footer p+p{margin-top:.75rem}.fine{font-size:.8125rem;color:var(--text-tertiary);max-width:40rem}a{color:var(--text);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--text-tertiary)}a:hover{text-decoration-color:var(--text)}.fine a{color:inherit}code{font-family:var(--mono);font-size:.875em}.prose section{margin-top:2.25rem}.prose h2{margin-bottom:.625rem;color:var(--text);font-size:.9375rem}.prose p,.prose li{font-size:.9375rem;color:var(--text-secondary);max-width:40rem}.prose p+p,.prose ul+p{margin-top:.625rem}.prose ul{list-style:none;margin-top:.625rem}.prose li{padding-left:1.125rem;position:relative}.prose li+li{margin-top:.5rem}.prose li:before{content:"—";position:absolute;left:0;color:var(--text-tertiary)}.prose-back{margin-top:2.5rem}@media(max-width:560px){.row{grid-template-columns:1fr 4rem}.row-label{grid-column:1 / -1;margin-bottom:.125rem}}