html,body{height:100%}.grid-bg{background-image:linear-gradient(to right,rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.06) 1px,transparent 1px);background-size:16px 16px}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.progress{height:10px;border-radius:9999px;overflow:hidden;background:#e5e7eb}.progress>div{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#22c55e);transition:width .2s ease}.thumb{border-radius:1rem;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.kbd{border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:.5rem;padding:.1rem .35rem;background:#f8fafc}