.jv-panel{border:1px solid #ccd5d0;border-radius:12px;padding:24px;background:#f3f6f3;margin:28px 0}.jv-panel h4{margin-top:0}.jv-row{display:grid;grid-template-columns:130px minmax(30px,1fr) 48px;align-items:center;gap:12px;margin:18px 0;font-size:.9em}.jv-track{background:#dfe6e1;height:22px;border-radius:4px;overflow:hidden}.jv-track i{display:block;height:100%;background:#557e70;transition:width .25s}.jv-row:last-of-type .jv-track i{background:#2c5367}.jv-result{border-top:1px solid #ccd5d0;padding-top:14px;font-weight:650;font-variant-numeric:tabular-nums}.jv-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;max-width:350px;margin:24px auto}.jv-dots i{display:block;aspect-ratio:1;background:#d8ddda;border:1px solid #aeb9b2;border-radius:50%}.jv-dots .jv-complete{background:#557e70;border-color:#355e50}.jv-controls[hidden]{display:none}.jv-controls button{white-space:normal;min-height:44px}.jv-panel figcaption{margin-bottom:0}@media(max-width:600px){.jv-panel{padding:16px}.jv-row{grid-template-columns:96px minmax(25px,1fr) 40px;gap:7px;font-size:.8em}.jv-dots{gap:5px}}