.csat-info-banner{background:var(--blue-light, #eff6ff);border:1px solid var(--blue-border, #bfdbfe);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.csat-info-banner__icon{font-size:20px}.csat-info-banner__text{font-size:12px;color:var(--text);line-height:1.5}.csat-info-banner__text strong{color:var(--accent, #2563eb)}.csat-mode-toggle{display:flex;background:var(--bg-hover);border-radius:8px;padding:3px;margin-bottom:16px;width:fit-content}.csat-mode-toggle__btn{padding:8px 20px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.csat-mode-toggle__btn--active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 3px #00000014}.csat-chapter-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;scrollbar-width:thin}.csat-chapter-bar::-webkit-scrollbar{height:4px}.csat-chapter-bar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.csat-chapter-chip{flex-shrink:0;padding:7px 14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.csat-chapter-chip:hover{border-color:var(--accent, #2563eb);color:var(--accent, #2563eb)}.csat-chapter-chip--active{background:var(--accent, #2563eb);border-color:var(--accent, #2563eb);color:#fff}.csat-qcard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:12px;transition:border-color .15s}.csat-qcard--correct{border-color:#86efac;background:var(--green-light, #f0fdf4)}.csat-qcard--wrong{border-color:#fca5a5;background:var(--red-light, #fef2f2)}.csat-qcard__header{margin-bottom:12px}.csat-qnum{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.csat-qnum--default{background:var(--bg-hover);color:var(--text-muted)}.csat-qnum--correct{background:#16a34a;color:#fff}.csat-qnum--wrong{background:#dc2626;color:#fff}.csat-passage{background:var(--bg-hover, #f8fafc);border-left:3px solid var(--accent, #2563eb);border-radius:0 6px 6px 0;padding:14px 16px;margin-bottom:14px;font-size:12.5px;line-height:1.8;color:var(--text);white-space:pre-wrap;max-height:300px;overflow-y:auto}.csat-passage__toggle{display:none;margin-top:8px;font-size:11px;color:var(--accent, #2563eb);font-weight:600;cursor:pointer;border:none;background:none;padding:0}.csat-option{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color);border-radius:6px;padding:9px 12px;margin-bottom:6px;background:var(--bg-card);cursor:pointer;transition:border-color .1s}.csat-option:hover{border-color:var(--accent, #2563eb)}.csat-option--selected{border-color:var(--accent, #2563eb);background:var(--accent-light, #eff6ff)}.csat-option--correct{border-color:#86efac;background:var(--green-light, #f0fdf4);cursor:default}.csat-option--wrong{border-color:#fca5a5;background:var(--red-light, #fef2f2);cursor:default}.csat-option__letter{width:24px;height:24px;border-radius:50%;background:var(--bg-hover);color:var(--text-muted);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csat-option--selected .csat-option__letter{background:var(--accent, #2563eb);color:#fff}.csat-option--correct .csat-option__letter{background:#16a34a;color:#fff}.csat-option--wrong .csat-option__letter{background:#dc2626;color:#fff}.csat-explanation{margin-top:12px;padding:12px;background:var(--bg-hover);border-radius:6px;border-left:3px solid var(--green, #16a34a)}.csat-explanation__label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--green, #16a34a);margin:0 0 4px}.csat-explanation__text{font-size:12px;color:var(--text);line-height:1.6;margin:0;white-space:pre-wrap}.csat-confirm-btn{margin-top:8px;padding:8px 20px;background:var(--accent, #2563eb);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.csat-confirm-btn:hover{opacity:.9}.csat-result{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center;margin-bottom:16px}.csat-result__score{font-size:36px;font-weight:800;margin:0 0 4px}.csat-result__max{font-size:14px;color:var(--text-muted);margin:0 0 12px}.csat-result__badge{display:inline-block;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase}.csat-result__badge--pass{background:#dcfce7;color:#166534}.csat-result__badge--fail{background:#fef2f2;color:#991b1b}.csat-result__breakdown{margin-top:16px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.csat-result__stat{text-align:center}.csat-result__stat-val{font-size:20px;font-weight:700;margin:0}.csat-result__stat-lbl{font-size:11px;color:var(--text-muted);margin:0}.csat-mock-panel{display:none}.csat-mock-panel--visible{display:block}.csat-mock-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.csat-mock-card__info h3{font-size:14px;font-weight:700;margin:0 0 4px;color:var(--text)}.csat-mock-card__info p{font-size:12px;color:var(--text-muted);margin:0}.csat-mock-card__meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted);margin-top:6px}.csat-mock-card__start{padding:8px 18px;background:var(--accent, #2563eb);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none}.csat-mock-card__start:hover{opacity:.9}.csat-mock-card__start--locked{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.csat-mock-timer{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px}.csat-mock-timer--visible{display:flex}.csat-mock-timer__clock{font-size:18px;font-weight:700;font-family:monospace;color:var(--text)}.csat-mock-timer__clock--danger{color:#dc2626}.csat-mock-timer__info{font-size:12px;color:var(--text-muted)}.csat-mock-timer__submit{padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.csat-mock-nav{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:16px}.csat-mock-nav__item{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.csat-mock-nav__item--current{border-color:var(--accent, #2563eb);color:var(--accent, #2563eb);font-weight:700}.csat-mock-nav__item--answered{background:#16a34a;border-color:#16a34a;color:#fff}.csat-practice{display:block}.csat-practice--hidden{display:none}.csat-submit-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:12px}.csat-submit-bar__progress{font-size:12px;color:var(--text-muted)}.csat-submit-btn{padding:10px 22px;background:var(--accent, #2563eb);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.csat-submit-btn:hover{opacity:.9}.csat-submit-btn:disabled{opacity:.5;cursor:not-allowed}.csat-empty{text-align:center;padding:40px 16px;color:var(--text-muted)}.csat-empty__icon{font-size:32px;margin-bottom:8px}.csat-empty__text{font-size:14px;margin:0}.csat-loading{text-align:center;padding:24px;color:var(--text-muted);font-size:13px}