.reader-page{min-height:100vh;background:#07090e;color:#f4f6f8}
.reader-main{padding-top:105px}
.reader-top{padding:46px clamp(20px,5vw,72px) 30px;border-bottom:1px solid #ffffff12}
.reader-top .back{font:600 9px var(--display);letter-spacing:.14em;color:#ff4a43}
.reader-top h1{font:500 clamp(38px,6vw,72px)/1 var(--display);letter-spacing:-.045em;margin:15px 0 10px}
.reader-top p{color:#858c95;max-width:700px;line-height:1.6}
.progress-line{margin-top:24px;height:3px;background:#ffffff0e;max-width:700px}
.progress-line span{display:block;height:100%;background:#ef3732;width:0;transition:.3s}
.reader-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 280px)}
.reader-sidebar{border-right:1px solid #ffffff12;padding:24px;position:sticky;top:88px;height:calc(100vh - 88px);overflow:auto}
.unit-block{margin-bottom:22px}.unit-title{font:600 9px var(--display);letter-spacing:.13em;color:#686f79;margin-bottom:8px}
.reading-link{width:100%;text-align:left;border:0;background:transparent;color:#8b929c;padding:9px 10px;font-size:12px;display:flex;gap:9px;align-items:center;cursor:pointer}
.reading-link:hover{background:#ffffff07;color:#fff}.reading-link.active{background:#ffffff0d;color:#fff}.reading-link.done:before{content:"✓";color:#38c998}.reading-link:not(.done):before{content:attr(data-num);color:#5f6670;min-width:20px;font-size:10px}
.reader-content{padding:38px clamp(24px,5vw,70px) 80px;max-width:1050px}
.reader-kicker{font:600 9px var(--display);letter-spacing:.16em;color:#ef413b}.reader-title{font:500 clamp(34px,5vw,62px) var(--display);letter-spacing:-.04em;margin:10px 0 28px}
.passage-card{border:1px solid #ffffff17;background:#0b0e14;padding:30px;line-height:1.9;color:#c9cdd3;font-size:16px}
.qa-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}
.questions-card,.vocab-card{border:1px solid #ffffff17;padding:25px;background:#090c11}
.questions-card h3,.vocab-card h3{font:600 15px var(--display);margin:0 0 20px}
.question{padding:14px 0;border-top:1px solid #ffffff0d}.question:first-of-type{border-top:0}.question label{display:block;font-size:13px;line-height:1.5;color:#d4d7db;margin-bottom:8px}.question textarea{width:100%;min-height:68px;resize:vertical;background:#06080c;border:1px solid #ffffff18;color:#fff;padding:10px;font:400 13px var(--body);outline:0}.question textarea:focus{border-color:#ef413b77}
.vocab-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center;border-top:1px solid #ffffff0d;padding:12px 0;font-size:12px}.vocab-row:first-of-type{border-top:0}.vocab-row b{color:#fff}.vocab-row span{color:#858c95}.speak-word{border:1px solid #ffffff1c;background:#11151c;color:#fff;width:31px;height:31px;border-radius:50%;cursor:pointer}
.reader-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.reader-actions button{border:1px solid #ffffff20;background:#0d1117;color:#fff;padding:12px 16px;font-weight:700;cursor:pointer}.reader-actions .complete{background:#ef3732;border-color:#ef3732}.reader-actions button:disabled{opacity:.35;cursor:not-allowed}
.mobile-reading-select{display:none;width:100%;margin-top:18px;background:#0c1015;color:#fff;border:1px solid #ffffff1a;padding:12px}
@media(max-width:900px){.reader-main{padding-top:72px}.reader-layout{display:block}.reader-sidebar{display:none}.mobile-reading-select{display:block}.reader-content{padding:28px 20px 70px}.qa-grid{grid-template-columns:1fr}.passage-card{padding:22px}.vocab-row{grid-template-columns:1fr 1fr auto}.vocab-row .uz{grid-column:1/3}}

.questions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.questions-head h3{margin:0!important}
.check-answers{border:1px solid #ef413b55;background:#151015;color:#fff;padding:9px 12px;font:700 9px var(--display);letter-spacing:.08em;cursor:pointer}
.check-answers:hover{border-color:#ef413b;background:#201115}
.answer-feedback{display:none;margin-top:9px;padding:10px 12px;border-left:2px solid #555b65;background:#0c1015;font-size:11px;line-height:1.55}
.answer-feedback.show{display:block}.answer-feedback.good{border-color:#39c990}.answer-feedback.review{border-color:#e4a540}
.answer-feedback .status{font:700 9px var(--display);letter-spacing:.08em;margin-bottom:5px}
.answer-feedback.good .status{color:#39c990}.answer-feedback.review .status{color:#e4a540}
.answer-feedback .source{color:#9299a3}.answer-feedback .source b{color:#d8dce2;font-weight:600}
.vocab-card h3 small{font:500 9px var(--display);color:#646b75;margin-left:6px}

.mcq-score{display:none;margin:0 0 18px;padding:12px 14px;border:1px solid #ffffff18;background:#0c1015;font:700 11px var(--display);letter-spacing:.07em;color:#fff}
.mcq-score.show{display:block}
.mcq-question{padding:18px 0;border-top:1px solid #ffffff0d}
.mcq-question:first-child{border-top:0}
.mcq-question .qtext{font-size:13px;line-height:1.6;color:#d8dce2;margin-bottom:12px}
.mcq-options{display:grid;gap:7px}
.mcq-option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 11px;border:1px solid #ffffff12;background:#080b10;color:#aeb4bd;font-size:12px;line-height:1.45;cursor:pointer;transition:.15s}
.mcq-option:hover{border-color:#ffffff30;color:#fff}
.mcq-option input{margin-top:2px;accent-color:#ef413b}
.mcq-option.correct,.mcq-option.reveal-correct{border-color:#39c99088;background:#0a1713;color:#dff9ef}
.mcq-option.wrong{border-color:#ef5b5588;background:#1a0c0c;color:#ffd9d7}
.mcq-feedback{display:none;margin-top:10px;font:700 9px var(--display);letter-spacing:.08em}
.mcq-feedback.show{display:block}
.mcq-feedback.good{color:#39c990}.mcq-feedback.bad{color:#ef6b64}
.vocab-card h3 small{font:500 9px var(--display);color:#646b75;margin-left:6px}