.react-exercises{display:flex;gap:8px;overflow:auto;padding:0 0 18px;margin-bottom:16px}.react-exercises button{border:1px solid var(--line);background:white;border-radius:8px;padding:12px 15px;white-space:nowrap;font-size:14px;min-height:46px}.react-exercises button[aria-current]{background:#eeeaff;border-color:#b8abef;color:#4932bd}.react-workspace{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:22px;align-items:start}.react-brief,.react-coding{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.react-brief h2{font-size:25px}.react-brief h3{margin-top:22px}.react-brief p,.react-brief li{font-size:16px;line-height:1.85;color:#536079;margin-top:12px}.react-brief ol{padding-left:22px}.react-brief li{padding-left:5px}.react-coding{min-width:0;padding:20px}.react-file-tabs{display:flex;gap:4px;background:#202638;padding:6px;border-radius:10px 10px 0 0}.react-file-tabs button{font:14px ui-monospace,monospace;color:#bcc9de;padding:12px 10px;min-height:44px;border-radius:7px}.react-file-tabs button[aria-selected=true]{background:#384059;color:white}#react-editor{width:100%;min-height:340px;resize:vertical;border:0;background:#202638;color:#e0e9ff;border-radius:0 0 10px 10px;padding:20px;font:15px/1.8 ui-monospace,monospace;tab-size:2}.react-coding .lab-actions{margin-top:16px}.react-save{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin:12px 0}.react-save span{font-size:13px;color:#657084;flex-basis:100%}.react-result{font-size:14px;line-height:1.8;background:#f4f3fc;padding:16px;border-radius:9px;margin:18px 0}.react-result ul{padding-left:20px}.react-result .passed{color:#176b49}.react-result .failed{color:#92522d}.react-result p{font-size:13px;margin-top:12px}.react-preview{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-height:260px}.react-preview iframe{display:block;width:100%;height:360px;border:0}.react-preview-empty{display:grid;place-items:center;min-height:260px;color:#69758b;font-size:15px;padding:24px;text-align:center}.react-console{margin-top:20px;font-size:14px}.react-console summary{cursor:pointer;padding:10px 0}.react-console pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#f5f6fa;padding:15px}.planned-review{margin-bottom:35px}.planned-review>p{font-size:16px;color:#5b677c;max-width:850px;margin-bottom:22px}.scheduled-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scheduled-card{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.scheduled-card fieldset{border:0;padding:0;margin:20px 0}.scheduled-card legend{font-size:17px;font-weight:600;line-height:1.7;margin-bottom:12px}.review-response{font-size:15px;line-height:1.8;margin-top:15px}.reviewed{border-color:#b1d6c1}.review-calendar{margin:24px 0;font-size:15px}.review-calendar summary{cursor:pointer;padding:12px 0}.review-calendar ul{list-style:none;padding:0}.review-calendar li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.review-calendar time{white-space:nowrap;color:#596a82}.practice-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf1d6;border:1px solid #d6e3b1;border-radius:12px;padding:20px;margin:24px 0}.practice-banner p{font-size:15px;color:#495d34}.practice-banner h3{margin-bottom:5px}.practice-banner .btn{flex-shrink:0}.review-due{color:#176b49;font-weight:600}
.react-file-tabs{overflow-x:auto}.react-file-tabs button{flex-shrink:0}
@media(max-width:1100px){.react-workspace{grid-template-columns:1fr}.react-brief ol{margin-bottom:0}.scheduled-grid{grid-template-columns:1fr}}
@media(max-width:650px){.react-brief,.react-coding{padding:18px}.react-brief h2{font-size:23px}.react-file-tabs button{font-size:12px;padding:12px 8px}#react-editor{font-size:16px;min-height:340px;padding:16px}.react-coding .lab-actions .btn{font-size:13px;min-width:90px}.react-save{gap:5px 14px}.react-save .text-button{font-size:13px}.scheduled-card{padding:18px}.review-calendar li{flex-direction:column;gap:5px}.practice-banner{flex-direction:column;align-items:start}}