/* Vision test (eye chart) */
.vt-steps{margin:0 0 18px;padding-left:22px;display:grid;gap:16px;font-size:17px;color:var(--ink-2)}
.vt-steps b{color:var(--ink)}
.vt-cal{margin:12px 0 8px;overflow:hidden}
.vt-card{width:323px;max-width:100%;aspect-ratio:85.6/53.98;border-radius:12px;background:linear-gradient(135deg,#2f7a74,#7cc4b9);color:#fff;display:flex;align-items:flex-end;padding:12px 14px;
  font-weight:700;box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
.vt-slide{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}
.vt-slide input{flex:1;max-width:520px}
.vt-chart{background:#fff;color:#000;border-radius:18px;border:1px solid var(--line);padding:18px 8px;overflow:hidden;text-align:center}
.vt-chart:fullscreen{border-radius:0;display:flex;flex-direction:column;justify-content:center;overflow:auto}
.vt-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 .6em;position:relative}
.vt-row span.l{font-family:Helvetica,Arial,"Liberation Sans",sans-serif;font-weight:700;line-height:1;display:inline-block}
.vt-row small{position:absolute;right:6px;font-size:12px;color:#5f7178;font-family:var(--font)}
.vt-ask{margin-top:18px}
.vt-pick{display:flex;flex-wrap:wrap;gap:8px}
.vt-pick button{min-height:46px;min-width:96px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;color:var(--ink)}
.vt-pick button.on{background:var(--accent);color:#fff;border-color:transparent}
.ht-result{margin-top:18px}
.ht-result:empty{display:none}
.ht-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px}
.ht-box h3{margin:0 0 8px;font-size:22px}
.ht-box p{margin:0 0 10px;font-size:17px}
@media (max-width:640px){.vt-row small{position:static;margin-left:4px}.vt-pick button{flex:1 1 30%;min-width:0}}