.ht{flex-direction:column;align-items:center;gap:28px;margin-block:8px 32px;display:flex}.ht-label{color:var(--ui-t4);font-size:var(--tx-label);font-weight:var(--tx-label-weight);letter-spacing:var(--tx-label-ls);text-align:center;text-transform:uppercase;margin:0}.ht-marquee{width:min(760px,100%);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.ht-run{align-items:center;gap:56px;width:max-content;animation:36s linear infinite ht-run;display:flex}.ht-run img{opacity:.55;width:auto;height:24px;filter:var(--logo-filter)}@keyframes ht-run{to{transform:translate(calc(-50% - 28px))}}@media (prefers-reduced-motion:reduce){.ht-run{animation:none}}
.cp{aspect-ratio:1;box-sizing:border-box;border-radius:var(--ui-r-l);background:var(--card-muted);flex-direction:column;justify-content:center;gap:14px;width:100%;padding:16px;display:flex;position:relative;overflow:hidden}.cp-pop{animation:.3s cubic-bezier(.2,.9,.3,1.3) cp-pop;display:inline-flex}@keyframes cp-pop{0%{opacity:0;transform:scale(.7)}}.cp.is-fill{justify-content:flex-start;container-type:inline-size}.cp.is-fill .cp-p1-list{flex:1}.cp.is-fill .cp-row{flex:1 1 0;min-height:30px}@media (max-width:639px){.cp.is-fill{aspect-ratio:auto}.cp.is-fill .cp-p1-list{flex:none}.cp.is-fill .cp-row{flex:none;min-height:44px}.cp.is-fill .cp-row:nth-of-type(n+4){display:none}}@media (min-width:640px){@container (max-width:300px){.cp.is-fill .cp-row:nth-of-type(n+5){display:none}}}.cp-metrics{flex-direction:column;gap:12px;display:flex}.cp-score{flex-direction:column;gap:10px;padding:2px 4px 4px;display:flex}.cp-score-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-score-top>b{color:var(--ui-g-mark);font-size:var(--tx-body);line-height:1;font-weight:var(--hl-weight);font-variant-numeric:tabular-nums;transition:color .3s ease-out}.cp-score-top>b.is-warn{color:rgb(var(--ui-yel-rgb))}.cp-score-top>b.is-neg{color:var(--ui-red)}.cp-p1-list{flex-direction:column;gap:2px;transition:opacity .4s ease-out,transform .4s ease-out;animation:.4s ease-out cp-in;display:flex;position:relative}.cp-p1-list.is-out{opacity:0;transform:translateY(-12px)}@keyframes cp-in{0%{opacity:0;transform:translateY(12px)}}.cp-row{font-size:var(--tx-sm);line-height:var(--tx-sm-lh);padding:0 10px}.cp-row.is-bad{background:rgba(var(--ui-red-rgb), .1)}.cp-row.is-warn{background:rgba(var(--ui-yel-rgb), .1)}.cp-row .ui-asset-logo{width:26px;height:26px}.cp-row .ui-asset-n{font-weight:500}.cp-beam{z-index:2;background:linear-gradient(90deg, transparent, var(--ui-g-mark) 12%, var(--ui-g-mark) 88%, transparent);height:2px;box-shadow:0 0 14px 2px color-mix(in srgb, var(--glow-green) calc(var(--glow-strength) * 110%), transparent);pointer-events:none;border-radius:2px;animation:linear both cp-beam;position:absolute;left:-8px;right:-8px}@keyframes cp-beam{0%{top:0%}to{top:100%}}.cp-beam:before{content:"";background:linear-gradient(0deg, rgba(var(--ui-g-rgb), .16), transparent);height:44px;position:absolute;bottom:2px;left:8px;right:8px}@media (prefers-reduced-motion:reduce){.cp *{transition:none!important;animation:none!important}}
