.leap{gap:var(--space-3);padding:var(--space-4);background:var(--surface-elevated);border:1px solid var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:grid}.leap--compact{gap:var(--space-2);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.leap__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.leap__title{font-family:var(--font-display);font-size:var(--type-20);letter-spacing:-.01em;margin:0;font-weight:700}.leap__stage{font-size:var(--type-12);letter-spacing:.08em;padding:2px var(--space-2);border:1px solid var(--text-primary);border-radius:var(--radius-xs);background:var(--brand-primary);color:var(--text-primary);white-space:nowrap;font-weight:700}.leap__stage--unavailable{background:var(--surface-inset);color:var(--text-secondary)}.leap__stage--moving-to-v4{background:var(--brand-purple)}.leap__track{background:var(--surface-inset);border:1px solid var(--text-primary);border-radius:var(--radius-pill);height:10px;position:relative;overflow:visible}.leap__fill{background:var(--brand-primary);border-radius:var(--radius-pill);height:100%;transition:width var(--motion-panel) ease-out}.leap__marker{background:var(--surface-elevated);border:2px solid var(--text-primary);width:14px;height:14px;transition:left var(--motion-panel) ease-out;border-radius:50%;margin-left:-7px;position:absolute;top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.leap__fill,.leap__marker{transition:none}}.leap__figures{gap:var(--space-4);flex-wrap:wrap;margin:0;display:flex}.leap__figure{gap:1px;display:grid}.leap__figure dt{font-size:var(--type-12);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.leap__figure dd{font-size:var(--type-16);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.leap__marks{gap:var(--space-2);counter-reset:none;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.leap__mark-button{text-align:left;width:100%;padding:var(--space-2);border-radius:var(--radius-xs);cursor:pointer;font:inherit;color:inherit;background:0 0;border:1px solid #0000;gap:2px;display:grid}.leap__mark-word{font-size:var(--type-12);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.leap__mark-note{font-size:var(--type-12);color:var(--text-secondary);opacity:0;max-height:0;transition:max-height var(--motion-control) ease-out, opacity var(--motion-control) ease-out;line-height:1.35;overflow:hidden}.leap__mark-button:hover .leap__mark-note,.leap__mark-button:focus-visible .leap__mark-note{opacity:1;max-height:6em}@media (prefers-reduced-motion:reduce){.leap__mark-note{transition:none}}.leap__mark--done .leap__mark-word{color:var(--text-primary)}.leap__mark--current .leap__mark-button{border-color:var(--text-primary);background:var(--surface-hover)}.leap__mark--current .leap__mark-word{color:color-mix(in srgb, var(--brand-primary) 55%, var(--text-primary))}.leap__mark--ahead .leap__mark-word{color:var(--text-muted)}.leap__explain{font-size:var(--type-14);color:var(--text-secondary);max-width:72ch;margin:0}.leap__pool{padding:var(--space-2) var(--space-3);background:var(--brand-primary);color:var(--text-primary);border:1px solid var(--text-primary);border-radius:var(--radius-xs);box-shadow:var(--shadow-control);justify-self:start;font-weight:700;text-decoration:none}@media (max-width:640px){.leap__marks{grid-template-columns:repeat(2,1fr)}}