/* Wordora 5.3 — one word, four recalls. Responsive and keyboard accessible. */
.v6-focus{max-width:790px;padding-bottom:90px}
.v6-heading h1{font-size:clamp(23px,3vw,31px);margin:6px 0 4px}
.v6-heading p{margin:0 0 12px;font-size:13px;color:#817b9c}
.v6-focus .v4-meter{margin-bottom:14px}
.v6-lesson-card{background:#fff;border:1px solid #e7e3f6;border-radius:25px;padding:22px 23px;box-shadow:0 14px 37px #3b306e0b}
.v6-learning-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px}
.v6-visual{background:linear-gradient(145deg,#f1f9ff,#f1ecff);border:1px solid #e1dff7;border-radius:22px;min-width:110px;min-height:110px;display:grid;place-items:center;font-size:65px;padding:13px}
.v6-en{font-size:clamp(34px,5vw,54px);font-weight:950;letter-spacing:-1.8px;color:#2b264d;line-height:1.2;overflow-wrap:anywhere}
.v6-uz{font-size:clamp(19px,3vw,25px);font-weight:900;color:#705adf;line-height:1.35}
.v6-context{font-size:13px;color:#777191;max-width:530px;line-height:1.55;margin:1px auto}
.v6-subtle{font-size:13px;color:#777191;font-weight:750;margin:0 0 3px}
.v6-example{max-width:580px;color:#413a68;font-size:14px;font-weight:700;margin-top:4px;line-height:1.45}
.v6-example small{display:block;font-size:12px;color:#8a84a7;font-weight:500;margin-top:5px}
.v6-speaker{display:inline-flex;align-items:center;justify-content:center;background:#f3f0ff;border:1px solid #e6e0ff;color:#6852d1;border-radius:30px;padding:11px 16px;font-weight:900;min-height:44px;cursor:pointer}
.v6-speaker:hover,.v6-speaker:focus-visible{background:#e8e2ff}
.v6-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,650px);margin:12px auto 1px}
.v6-option{background:#fff;border:1px solid #e1dcf3;border-radius:13px;min-height:56px;padding:13px 16px;text-align:left;color:#403962;font:inherit;font-weight:800;cursor:pointer;overflow-wrap:anywhere}
.v6-option:hover,.v6-option:focus-visible{background:#f6f2ff;border-color:#8069f0}
.v6-gap{background:#f8f5ff;border:1px solid #e6defb;padding:18px 20px;border-radius:14px;color:#39305e;font-size:18px;font-weight:850;line-height:1.5;width:min(100%,630px);overflow-wrap:anywhere}
.v6-pieces-result{background:#f8f6ff;border:1px dashed #cfc4f8;border-radius:14px;padding:13px 18px;min-height:55px;display:grid;place-items:center;color:#40336e;font-weight:900;font-size:23px;min-width:160px;max-width:100%;overflow-wrap:anywhere}
.v6-pieces{display:flex;gap:11px;justify-content:center;align-items:stretch;flex-wrap:wrap;max-width:650px}
.v6-pieces button{background:#fff;border:1px solid #dcd5f7;border-radius:13px;padding:11px 20px;color:#5844b5;font:inherit;font-size:19px;font-weight:900;min-height:48px;min-width:65px;cursor:pointer}
.v6-pieces button:disabled{opacity:.3;cursor:default}
.v6-pieces button:not(:disabled):hover{background:#f0edff;border-color:#8c79ed}
.v6-reset-parts,.v6-hint-button{background:transparent;border:0;color:#705ccd;font-size:12px;font-weight:800;cursor:pointer;padding:10px 12px;min-height:38px}
.v6-hint-button:disabled{opacity:.5;cursor:default}
.v6-hint{font-size:13px;color:#57448b;background:#f4f0ff;border-radius:12px;padding:10px 14px}
.v6-write{width:min(100%,620px);margin-top:4px;text-align:left}
.v6-write label{display:block;color:#4c426d;font-size:13px;font-weight:850;margin-bottom:8px}
.v6-input-row{display:flex;align-items:stretch;gap:9px}
.v6-input-row input{min-width:0;flex:1;padding:13px 15px;border:1px solid #ded9f1;border-radius:12px;background:#fff;font-size:16px;color:#2b2548}
.v6-input-row input:focus{outline:3px solid #c5baf180;border-color:#8069e6}
.v6-feedback{margin:12px auto 0;padding:13px 16px;border:1px solid #e8d7c5;border-radius:12px;background:#fff9f1;color:#a25c36;font-size:13px;line-height:1.5}
.v6-success{padding:22px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-height:165px;justify-content:center;color:#247f5d}
.v6-success span{font-size:37px}
.v6-success strong{font-size:20px;color:#267553}
.v6-success p{margin:0;color:#778f86;font-size:13px}
.v6-primary{display:block;width:min(100%,450px);margin:16px auto;min-height:49px;position:sticky;bottom:16px;z-index:2;box-shadow:0 10px 23px #5540ad2d}
.v6-step-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0 7px}
.v6-step-chips div{border-radius:9px;padding:9px 6px;text-align:center;font-size:11px;color:#aaa5ba;background:#eeedf6;font-weight:850}
.v6-step-chips .active{background:#ede8ff;color:#634bdd}
.v6-step-chips .done{background:#e7f8ed;color:#278863}
.v6-focus .v5-auto-next{display:flex;justify-content:center;gap:9px;margin-top:12px;font-size:12px}
.v6-steps-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}
.v6-steps-overview>div{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #e9e5fa;border-radius:15px;padding:14px 13px;font-size:25px;min-width:0}
.v6-steps-overview strong{font-size:12px;color:#40365b}
.v6-steps-overview small{font-size:11px;line-height:1.4;color:#8982a7}
.v6-weak-summary{background:#fff9ee;color:#81622b;border:1px solid #f1e1b9;border-radius:13px;padding:14px 17px;margin-top:14px}
.v6-weak-summary.done{background:#edfaf2;color:#297c54;border-color:#d4efdf}
@media(max-width:700px){
 .v6-steps-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6-focus{padding-bottom:110px}
 .v6-lesson-card{padding:17px 14px}
 .v6-visual{min-width:90px;min-height:90px;font-size:54px}
 .v6-options{grid-template-columns:1fr;gap:9px}
 .v6-option{min-height:48px;padding:11px 14px}
 .v6-step-chips div{font-size:10px}
 .v6-input-row{flex-direction:column}
 .v6-input-row .btn{min-height:45px}
 .v6-primary{bottom:77px}
}
@media(prefers-reduced-motion:reduce){.v6-focus *{scroll-behavior:auto!important}}
