.stsi-card{border-radius:14px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.97),rgba(8,11,18,.99));box-shadow:0 0 0 1px rgba(34,211,238,.06),0 20px 50px rgba(0,0,0,.45);opacity:0;transform:translateX(6px) scale(.98);transition:opacity .18s ease,transform .22s ease;pointer-events:none}.stsi-card[data-open=true]{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.stsi-bar-track{height:6px;border-radius:3px;background:rgba(30,41,59,.9);overflow:hidden}.stsi-bar-fill{height:100%;border-radius:3px;width:0;transition:width .45s cubic-bezier(.22,1,.36,1),filter .2s ease,box-shadow .2s ease;background:linear-gradient(90deg,#f87171,#94a3b8 45%,#2dd4bf);box-shadow:0 0 12px rgba(45,212,191,.25)}.stsi-bar-fill--score{background-image:none}.stsi-bar-row:hover .stsi-bar-fill{transition-duration:.2s;transition-timing-function:ease;filter:brightness(1.1) saturate(1.06)}.stsi-card[data-open=true] .stsi-bar-fill{transition-delay:calc(var(--stsi-bar-i, 0) * 40ms)}.stsi-row-wrap{position:relative;z-index:1}.stsi-row-wrap[data-active=true]{z-index:5}@media (max-width:1100px){.stsi-card{left:0!important;right:0!important;top:calc(100% + 10px)!important;width:100%!important;max-width:none!important;transform:translateY(4px) scale(.98)}.stsi-card[data-open=true]{transform:translateY(0) scale(1)}}