.models{gap:8px;margin:0;padding:0;list-style:none;display:grid}.models li{border:1px solid var(--rule);background:var(--surface);transition:border-color .25s, background .25s, transform .25s var(--ease);border-radius:12px;grid-template-columns:minmax(0,1.1fr) minmax(160px,1fr) 128px;align-items:center;gap:6px 24px;padding:16px 18px;display:grid}.models li:hover{border-color:var(--rule-2);background:#ffffff0b;transform:translate(4px)}.models li.nofit{opacity:.45}.m-name{gap:2px;min-width:0;display:grid}.m-name b{font-weight:600}.m-name a{color:inherit;text-decoration:none}.m-name a:hover{color:var(--accent)}.m-name span{color:var(--ink-2);font-size:14px}.m-meter{gap:7px;display:grid}.m-num{font-family:var(--font-mono);font-size:13px;font-weight:500}.m-track{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.m-fill{height:100%;width:calc(var(--w,0) * 100%);border-radius:inherit;background:var(--ink-3);transform-origin:0;display:block}.great .m-fill{background:linear-gradient(90deg,#2ee6ff,#c8ff2e);box-shadow:0 0 12px #c8ff2e73}.usable .m-fill{background:linear-gradient(90deg,#8a5cff,#2ee6ff);box-shadow:0 0 12px #2ee6ff59}.slow .m-fill{background:var(--led);box-shadow:0 0 10px #ffb02059}@supports (animation-timeline:view()){.m-fill{animation:fill both var(--ease);animation-timeline:view();animation-range:entry 30% cover 45%}}@keyframes fill{0%{transform:scaleX(0)}}.m-side{justify-items:end;gap:6px;display:grid}.verdict{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--rule-2);color:var(--ink-3);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px}.verdict.great{color:var(--accent);background:var(--accent-soft);border-color:#c8ff2e80;box-shadow:0 0 14px #c8ff2e26}.verdict.usable{color:var(--cyan);background:var(--cyan-soft);border-color:#2ee6ff73}.verdict.slow{color:var(--led);border-color:#ffb02073}.m-tag{font-family:var(--font-mono);color:var(--ink-3);font-size:12px}@media (max-width:640px){.models li{grid-template-columns:minmax(0,1fr) auto}.m-meter{grid-area:2/1/auto/-1}.m-side{grid-area:1/2}}