.preview-grid{align-items:center;display:grid;gap:clamp(28px,4vw,52px);grid-template-columns:.85fr 1.15fr}.report{background:var(--surface);border:1px solid var(--rule);border-radius:20px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.report .bar{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--rule);display:flex;gap:7px;padding:12px 16px}.report .bar i{background:var(--rule);border-radius:50%;flex:none;height:9px;width:9px}.report .bar span{color:var(--ink-3);font-family:var(--font-display);font-size:12px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report .body{display:flex;flex-direction:column;gap:22px;padding:clamp(18px,2.6vw,26px)}.score{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.dial{flex:none;height:96px;width:96px}.score .txt{min-width:0}.score .big{font-family:var(--font-display);font-size:30px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.score .sub{color:var(--ink-2);font-size:14px}.rows{display:flex;flex-direction:column;gap:11px}.rw{align-items:center;display:grid;font-size:14px;gap:12px;grid-template-columns:minmax(118px,32%) 1fr auto}.rw .nm{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rw .nm.you{color:var(--ink);font-weight:700}.rw .track{background:var(--bg-2);border-radius:50px;height:10px;min-width:0;overflow:hidden}.rw .fill{background:var(--ink-3);border-radius:50px;display:block;height:100%}.rw .fill.you{background:var(--grad)}.rw .fill.rival{background:var(--ink-3);opacity:.55}.rw .pc{color:var(--ink-3);font-family:var(--font-display);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{align-items:center;border:1px solid var(--rule);border-radius:50px;color:var(--ink-2);display:inline-flex;font-family:var(--font-display);font-size:12.5px;font-weight:600;gap:7px;padding:6px 12px}.chip .g{font-weight:700}.chip.hit{background:color-mix(in srgb,var(--cyan) 10%,transparent);border-color:color-mix(in srgb,var(--cyan) 45%,transparent);color:var(--ink)}.chip.hit .g{color:var(--cyan)}.chip.miss .g{color:var(--coral)}.sample-tag{color:var(--ink-3);font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.report-note{color:var(--ink-3);font-family:var(--font-body);font-size:11.5px;letter-spacing:0;line-height:1.5;text-transform:none}@media (max-width:860px){.preview-grid{grid-template-columns:1fr}}