.cx-trace{position:relative}.cx-trace__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:16px;display:flex}.cx-trace__when b{font-family:var(--mono);color:#fff;letter-spacing:.02em;font-size:clamp(1rem,2vw,1.35rem);font-weight:600}.cx-trace__list{margin:0;padding:0;list-style:none;position:relative}.cx-trace__row{height:44px;transition:transform .32s var(--cx-ease,ease),opacity .3s;grid-template-columns:30px minmax(120px,210px) minmax(0,1fr) 116px;align-items:center;gap:12px;display:grid;position:absolute;top:0;left:0;right:0}.cx-trace__row.is-out{opacity:0;pointer-events:none}.cx-trace__rank{font-family:var(--mono);color:var(--on-dark-mute);text-align:right;font-size:.78rem}.cx-trace__name{font-family:var(--read);color:var(--on-dark);white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;overflow:hidden}.cx-trace__name em{font-style:normal;font-family:var(--mono);letter-spacing:.1em;color:var(--on-dark-mute);margin-left:8px;font-size:.62rem}.cx-trace__track{background:#ffffff09;border-radius:6px;height:22px;overflow:hidden}.cx-trace__fill{background:linear-gradient(90deg,#8fa6bc59,#8fa6bc99);border-radius:6px;height:100%;transition:width .28s linear;display:block}.cx-trace__row.is-hero .cx-trace__fill{background:linear-gradient(90deg,var(--blue),var(--blue-bright))}.cx-trace__row.is-hero .cx-trace__name{color:#fff;font-weight:600}.cx-trace__v{font-family:var(--mono);color:#fff;text-align:right;flex-direction:column;font-size:.86rem;line-height:1.15;display:flex}.cx-trace__v em{color:var(--on-dark-mute);font-size:.66rem;font-style:normal}.cx-trace__ctl{align-items:center;gap:14px;margin-top:18px;display:flex}.cx-trace__play{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:50%;flex:none;width:44px;height:44px;font-size:.9rem;transition:background .25s,border-color .25s}.cx-trace__play:hover{border-color:var(--blue-bright);background:#1e85d32e}.cx-trace__play:focus-visible{outline:2px solid var(--blue-bright);outline-offset:2px}.cx-trace__ctl input[type=range]{accent-color:var(--blue-bright);flex:1;min-height:44px}.cx-trace__range{font-family:var(--mono);color:var(--on-dark-mute);white-space:nowrap;font-size:.68rem}@media (max-width:640px){.cx-trace__row{grid-template-columns:22px minmax(84px,120px) minmax(0,1fr) 78px;gap:8px}.cx-trace__name{font-size:.9rem}.cx-trace__v{font-size:.76rem}}@media (prefers-reduced-motion:reduce){.cx-trace__row,.cx-trace__fill{transition:none}}