.listen-training{max-width:790px;margin:0 auto;color:#293d4b}.listen-training h1{font-size:30px;margin:5px 0 9px}.listen-instruction{font-size:16px;color:#71858c;margin:0 0 20px}.listen-card{border:1px solid #e2e9e8;border-radius:22px;padding:24px;background:white;box-shadow:0 7px 24px #405a5110}.listen-audio{display:flex;gap:14px;align-items:center;margin:0 0 22px;flex-wrap:wrap}.listen-audio>span{font-size:13px;color:#738894}.listen-play{width:46px;height:46px;padding:11px!important;background:#7fb5d9!important;border:0!important;color:#fff;display:grid;place-items:center;border-radius:50%!important}.listen-play svg{width:24px;height:24px}.listen-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border:0;padding:0;margin:0;min-width:0}.listen-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;min-width:0;border:2px solid #e5ebed;padding:7px;border-radius:15px;background:#f9faf9;transition:border-color .15s}.listen-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:9px;display:block}.listen-choice input{position:absolute;opacity:0;inset:0;cursor:pointer;width:100%;height:100%;margin:0}.listen-choice:has(input:checked){border-color:#79afd1;background:#eef7fc}.listen-choice:has(input:focus-visible){outline:3px solid #579ecb;outline-offset:3px}.listen-choice-mark{font-size:13px;color:#6a8291;line-height:20px}.listen-choice-mark:before{content:'';display:inline-block;border:1px solid #a5b7c0;width:13px;height:13px;border-radius:50%;margin-right:7px;vertical-align:-2px;background:#fff}.listen-choice:has(input:checked) .listen-choice-mark:before{background:#7eafd0;box-shadow:inset 0 0 0 3px white}.listen-choice.listen-correct,.listen-choice.listen-correct:has(input:checked){border-color:#8ebba4;background:#f3faf5}.listen-choice.listen-incorrect,.listen-choice.listen-incorrect:has(input:checked){border-color:#da9d91;background:#fff7f3}.listen-feedback{display:flex;flex-direction:column;gap:5px;font-size:15px;margin-top:18px;padding:13px 16px;background:#f6f9f8;border-radius:12px}.listen-feedback b{font-size:14px}.listen-feedback span:last-child{color:#6b828e;font-size:14px}.listen-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.listen-actions .listen-skip{margin-left:auto;font-size:12px}.listen-training button:focus-visible{outline:3px solid #579ecb;outline-offset:3px}.training-preview .listen-card{padding:16px}.training-preview .listen-options{max-width:520px}.session-score-title{font-size:16px!important;margin:14px 0!important}.session-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.session-score-grid>div{background:#f2f5f7;border-radius:14px;padding:17px 10px;text-align:center;display:flex;flex-direction:column;gap:6px}.session-score-grid b{font-size:30px;line-height:1.1;color:#4a6e89}.session-score-grid span{font-size:13px;line-height:1.45;color:#627581}.session-score-grid .score-correct{background:#edf6f0}.session-score-grid .score-correct b{color:#51836b}.session-score-grid .score-incorrect{background:#fff3ec}.session-score-grid .score-incorrect b{color:#b87e61}.session-score-other,.session-score-today{font-size:13px!important;color:#7a8991;margin:12px 0 0!important}.lesson-finish{max-width:740px!important;padding:26px!important;margin:25px auto!important}.lesson-finish h1{font-size:27px!important;margin:0!important}.lesson-finish .actions{margin-top:20px}.lesson-finish .session-words{margin-top:15px;padding-top:12px}.lesson-finish .session-words p{font-size:14px;margin:0 0 8px}.lesson-finish .session-words button{padding:8px 13px}.rt-level-picker{display:flex;align-items:center;gap:8px;color:#73848e;font-size:13px;margin-bottom:14px}.rt-level-picker select{max-width:100%;border:1px solid #dce6eb;background:#fff;border-radius:9px;padding:8px;color:#456071}.read-together{max-width:880px}.rt-content{grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:26px}.rt-picture{max-height:250px}.rt-text{font-size:26px;line-height:1.65}.rt-card{padding:20px 24px}.rt-instruction{margin-bottom:16px}.rt-text.rt-long-text{font-size:23px;line-height:1.65}.rt-audio-controls{margin-top:18px}.rt-bottom{margin-top:16px;padding-top:14px}
@media(max-width:600px){.listen-card{padding:16px 12px}.listen-training h1{font-size:25px}.listen-instruction{font-size:14px;margin-bottom:15px}.listen-options{gap:7px}.listen-choice{padding:4px;border-radius:11px;gap:5px}.listen-choice-mark{font-size:12px}.listen-audio{margin-bottom:16px;gap:10px}.listen-actions{gap:10px;margin-top:18px}.listen-actions .listen-skip{margin-left:0;flex-basis:100%;text-align:left}.rt-content{gap:12px}.rt-picture{height:130px;width:104px}.rt-card{padding:16px}.rt-text{font-size:23px;line-height:1.6}.rt-text.rt-long-text{font-size:20px;line-height:1.55;text-align:left}.lesson-finish{padding:18px!important;margin:12px auto!important}.lesson-finish h1{font-size:24px!important}.session-score-grid{gap:7px}.session-score-grid>div{padding:13px 6px}.session-score-grid span{font-size:11px}.session-score-grid b{font-size:26px}.rt-level-picker{font-size:12px}}

@media(max-width:760px){body.cabinet.focused-practice .cabinet-sidebar{display:none}body.cabinet.focused-practice .cabinet-top{min-height:38px;padding:0 14px}body.cabinet.focused-practice #parent-test-bar:not(.is-testing){display:none}body.cabinet.focused-practice #learning{padding-top:0}.focused-practice .lesson-rail{margin-bottom:8px}.focused-practice .lesson-rail button{padding:6px 0}.focused-practice .rt-instruction{margin-bottom:12px}.focused-practice .rt-picture{height:110px;width:88px}.focused-practice .rt-card{padding:14px}.focused-practice .rt-text.rt-long-text{font-size:19px;line-height:1.5}.focused-practice .rt-bottom{margin-top:12px;padding-top:12px}}

.listen-result-icon{width:28px;height:28px;display:block;flex:none}.listen-result-icon.is-correct{color:#32815a}.listen-result-icon.is-incorrect{color:#bf534e}.listen-choice-result{position:absolute;top:10px;right:10px;border-radius:50%;box-shadow:0 0 0 3px #fff;pointer-events:none}.listen-feedback-title{display:flex;align-items:center;gap:9px}.listen-choice.listen-correct .listen-choice-mark:before{border-color:#32815a}.listen-choice.listen-incorrect:has(input:checked) .listen-choice-mark:before{border-color:#bf534e;background:#bf534e}@media(max-width:600px){.listen-choice-result{top:6px;right:6px}.listen-choice-result .listen-result-icon{width:24px;height:24px}}

.listen-choice img{aspect-ratio:auto;max-height:260px;object-fit:contain}
