/* Only the dedicated mobile.html entry carries client-ui. Shared Web is untouched. */
body.client-ui {
  --cq-accent:#167f88;--cq-bg:#f5f7f8;--cq-ink:#1e3035;--cq-muted:#66777d;--cq-line:#e7edee;--cq-mint:#eaf5f4;
}
body.client-ui.client-ui[data-view="quiz"] .quiz-page,
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-page.is-answering {
  position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0 0 24px!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:none!important;transform:none!important;filter:none!important;
}
body.client-ui[data-view="quiz"] #view {animation:none!important;transform:none!important;filter:none!important;}
body.client-ui .cq-root {--t:var(--cq-ink);--t1:var(--cq-ink);--t2:var(--cq-muted);--t3:var(--cq-muted);--ink:var(--cq-ink);--ink-2:var(--cq-muted);--ink-3:var(--cq-muted);max-width:1040px;margin:0 auto;min-width:0;}
body.client-ui .cq-root * {box-sizing:border-box;}
body.client-ui .cq-header {display:flex;align-items:flex-start;gap:8px;margin:0 0 24px;}
body.client-ui .cq-header h1 {margin:0;color:var(--cq-ink);font-size:26px;font-weight:700;line-height:1.35;letter-spacing:-.025em;}
body.client-ui .cq-header p {margin:8px 0 0;color:var(--cq-muted);font-size:15px;line-height:1.6;}
body.client-ui .cq-back {flex:0 0 40px;min-height:44px;margin-left:-8px;border:0;background:transparent;color:var(--cq-ink);font:400 34px/1 sans-serif;}
body.client-ui .cq-section {margin:25px 0;}
body.client-ui .cq-section h2,body.client-ui .cq-section-label h2 {color:var(--cq-ink);margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.5;}
body.client-ui .cq-resume {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;background:#fff;border:1px solid var(--cq-line);border-radius:16px;}
body.client-ui .cq-resume div {display:grid;gap:7px;min-width:0;}
body.client-ui .cq-resume small {color:var(--cq-muted);font-size:12px;}
body.client-ui .cq-resume b {font-size:15px;line-height:1.6;overflow-wrap:anywhere;}
body.client-ui .cq-outline,body.client-ui .cq-primary {min-height:44px;padding:10px 17px;border-radius:10px;font-family:inherit;font-weight:600;font-size:15px;line-height:1.5;cursor:pointer;}
body.client-ui .cq-outline {flex-shrink:0;border:1px solid var(--cq-accent);color:var(--cq-accent);background:#fff;}
body.client-ui .cq-primary {border:1px solid var(--cq-accent);background:var(--cq-accent);color:#fff;}
body.client-ui .cq-subjects {display:grid;grid-template-columns:1fr;gap:12px;}
body.client-ui .cq-subject {display:flex;align-items:center;gap:16px;width:100%;min-height:114px;padding:18px 16px;text-align:left;background:#fff;border:1px solid var(--cq-line);border-radius:16px;color:var(--cq-ink);}
body.client-ui .cq-code {display:grid;place-items:center;flex:0 0 48px;height:48px;background:var(--cq-mint);color:var(--cq-accent);border-radius:12px;font-size:24px;font-weight:600;}
body.client-ui .cq-subject-copy {display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;}
body.client-ui .cq-subject-copy b {font-size:16px;font-weight:650;}
body.client-ui .cq-subject-copy strong {font-size:15px;font-weight:500;line-height:1.6;}
body.client-ui .cq-subject-copy small {font-size:12px;color:var(--cq-muted);}
body.client-ui .cq-track {display:block;width:100%;height:4px;background:#edf0f1;border-radius:10px;overflow:hidden;}
body.client-ui .cq-track i {display:block;height:100%;border-radius:inherit;background:var(--cq-accent);}
body.client-ui .cq-chevron {margin-left:auto;color:var(--cq-muted);font-size:28px;font-style:normal;}
body.client-ui .cq-shortcuts {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
body.client-ui .cq-shortcuts button {display:flex;align-items:center;flex-direction:column;gap:7px;min-height:128px;padding:17px 10px;background:#fff;border:1px solid var(--cq-line);border-radius:16px;color:var(--cq-ink);}
body.client-ui .cq-shortcuts button>span {font-size:27px;line-height:1;color:var(--cq-accent);}
body.client-ui .cq-shortcuts b {font-size:16px;}
body.client-ui .cq-shortcuts small {font-size:12px;color:var(--cq-muted);}
body.client-ui .cq-link-list {background:#fff;border:1px solid var(--cq-line);border-radius:16px;padding:0 16px;}
body.client-ui .cq-link-list button {display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:16px 0;min-height:68px;background:transparent;border:0;border-bottom:1px solid var(--cq-line);color:var(--cq-ink);text-align:left;}
body.client-ui .cq-link-list button:last-child {border-bottom:0;}
body.client-ui .cq-link-list button span {display:grid;gap:5px;}
body.client-ui .cq-link-list b {font-size:15px;}
body.client-ui .cq-link-list small {font-size:12px;color:var(--cq-muted);}
body.client-ui .cq-link-list i {font-style:normal;color:var(--cq-muted);font-size:24px;}
body.client-ui .cq-text-link {display:block;min-height:44px;width:100%;margin-top:8px;background:transparent;border:0;color:var(--cq-accent);font-size:15px;}
body.client-ui .cq-tabs {display:flex;gap:7px;margin-bottom:16px;padding:4px;background:#fff;border:1px solid var(--cq-line);border-radius:12px;}
body.client-ui .cq-tabs button {flex:1;min-width:0;min-height:44px;padding:8px 5px;border:0;border-radius:9px;background:transparent;color:var(--cq-muted);font-size:14px;}
body.client-ui .cq-tabs button.on {background:var(--cq-accent);color:#fff;font-weight:600;}
body.client-ui .cq-subject-summary {display:grid;grid-template-columns:1fr auto;gap:10px;background:#fff;border:1px solid var(--cq-line);border-radius:16px;padding:18px;font-size:14px;}
body.client-ui .cq-subject-summary b {color:var(--cq-accent);font-size:22px;}
body.client-ui .cq-subject-summary .cq-track,body.client-ui .cq-subject-summary small {grid-column:1/-1;}
body.client-ui .cq-subject-summary small {font-size:12px;color:var(--cq-muted);}
body.client-ui .cq-chapters {background:#fff;border:1px solid var(--cq-line);border-radius:16px;padding:0 16px;}
body.client-ui .cq-chapter {display:flex;align-items:center;gap:14px;width:100%;min-height:90px;padding:17px 0;border:0;border-bottom:1px solid var(--cq-line);background:transparent;text-align:left;color:var(--cq-ink);}
body.client-ui .cq-chapter:last-child {border-bottom:0;}
body.client-ui .cq-chapter>span:nth-child(2) {display:flex;width:100%;flex:1;min-width:0;gap:7px;align-items:flex-start;flex-direction:column;}
body.client-ui .cq-chapter-no {font-size:13px;color:var(--cq-muted);align-self:flex-start;padding-top:4px;}
body.client-ui .cq-chapter b {font-size:16px;line-height:1.7;}
body.client-ui .cq-chapter small {color:var(--cq-muted);font-size:12px;}
body.client-ui .cq-chapter i {font-style:normal;font-size:24px;color:var(--cq-muted);}
body.client-ui .cq-chapter .chapter-priority {font-size:11px!important;max-width:100%;}
body.client-ui .cq-empty {padding:30px 20px;background:#fff;border:1px solid var(--cq-line);border-radius:16px;text-align:center;}
body.client-ui .cq-empty>span {font-size:32px;color:var(--cq-accent);}
body.client-ui .cq-empty h2 {margin:12px 0 8px;font-size:18px;}
body.client-ui .cq-empty p {font-size:14px;color:var(--cq-muted);line-height:1.8;margin:0 0 18px;}

/* Keep original IDs and handlers; restyle the existing practice renderer. */
body.client-ui.client-ui[data-view="quiz"].quiz-answering #quizNav {display:none!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-stage {max-width:900px!important;width:100%!important;margin:0 auto!important;padding:0!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-stage::before,
body.client-ui.client-ui[data-view="quiz"] .practice-stage::after {display:none!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head {display:flex!important;flex-wrap:wrap;align-items:center;gap:9px!important;min-height:52px;margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head>button {min-height:44px!important;padding:8px 0!important;color:var(--cq-ink)!important;background:transparent!important;border:0!important;font-size:14px!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2) {flex:1!important;min-width:130px!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head h2 {font-family:inherit!important;color:var(--cq-ink)!important;font-size:17px!important;line-height:1.5!important;font-weight:650!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2)>span {font-family:inherit!important;color:var(--cq-muted)!important;font-size:12px!important;letter-spacing:0!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-score {display:flex!important;gap:8px!important;max-width:100%;padding:7px 10px!important;background:#fff!important;border:1px solid var(--cq-line)!important;border-radius:10px!important;color:var(--cq-muted)!important;font-family:inherit!important;font-weight:400!important;font-size:12px!important;line-height:1.5!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-score b {color:var(--cq-accent)!important;font-family:inherit!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-score button {min-height:34px;background:var(--cq-mint);color:var(--cq-accent);border:0;border-radius:7px;padding:6px 9px;}
body.client-ui.client-ui[data-view="quiz"] .practice-progress {height:4px!important;margin:0 0 18px!important;background:#e6eded!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-progress i {background:var(--cq-accent)!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .practice-card {display:block!important;min-height:0!important;padding:20px 18px!important;background:#fff!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;box-shadow:0 2px 8px #1e303505!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-meta {display:flex!important;flex-wrap:wrap;gap:10px!important;margin:0 0 18px!important;padding:0!important;border:0!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-meta>div {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
body.client-ui.client-ui[data-view="quiz"] .practice-meta>div:nth-child(2) {margin-left:auto;}
body.client-ui.client-ui[data-view="quiz"] .practice-meta .tag {font-size:12px!important;border:1px solid #add5d5!important;border-radius:5px!important;color:var(--cq-accent)!important;background:transparent!important;padding:3px 7px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mode-label {font-size:12px!important;color:var(--cq-muted)!important;}
body.client-ui.client-ui[data-view="quiz"] .review-repeat-toggle {font-size:11px!important;min-height:32px;border:0!important;background:var(--cq-bg)!important;color:var(--cq-muted)!important;border-radius:6px;padding:6px;}
body.client-ui.client-ui[data-view="quiz"] .quiz-report-trigger {min-height:36px!important;font-size:12px!important;border:0!important;background:transparent!important;color:var(--cq-muted)!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-progress-label {font-size:12px!important;color:var(--cq-muted)!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-stem {display:block!important;margin:0 0 22px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-stem>i {display:none!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-q {color:var(--cq-ink)!important;font-family:inherit!important;font-size:19px!important;font-weight:650!important;line-height:1.85!important;letter-spacing:0!important;overflow-wrap:anywhere;}
body.client-ui.client-ui[data-view="quiz"] .real-exam-badge {display:inline-block;margin-bottom:8px;font-size:12px;color:var(--cq-muted);}
body.client-ui.client-ui[data-view="quiz"] .quiz-options {display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt {display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;grid-column:auto!important;min-height:58px!important;padding:14px 12px!important;border:1px solid #dfe6e8!important;border-radius:12px!important;box-shadow:none!important;color:var(--cq-ink)!important;background:#fff!important;font-family:inherit!important;font-weight:400!important;font-size:16px!important;line-height:1.75!important;transform:none!important;text-align:left!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt .k {display:grid!important;place-items:center;flex:0 0 28px!important;width:28px!important;height:28px!important;padding:0!important;color:var(--cq-muted)!important;background:#fff!important;border:1px solid #d6e1e3!important;border-radius:50%!important;font-family:inherit!important;font-weight:500!important;font-size:15px!important;line-height:1!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt-copy {min-width:0;flex:1;overflow-wrap:anywhere;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt-state {font-family:inherit!important;font-weight:500!important;font-size:11px!important;line-height:1.5!important;flex:0 0 auto;max-width:46px;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt.selected {background:var(--cq-mint)!important;border-color:var(--cq-accent)!important;box-shadow:none!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt.selected .k {color:#fff!important;background:var(--cq-accent)!important;border-color:var(--cq-accent)!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt.ok {background:#edf7f2!important;border-color:#62a88b!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-options .opt.no {background:#fff2ef!important;border-color:#d79485!important;}
body.client-ui.client-ui[data-view="quiz"] .practice-nav,
body.client-ui.client-ui[data-view="quiz"] .practice-card>.multi-submit {display:none!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar {display:grid!important;grid-template-columns:84px minmax(0,1fr) 64px!important;align-items:center;gap:10px!important;position:fixed!important;left:0!important;right:0!important;bottom:var(--client-tab-height,calc(64px + env(safe-area-inset-bottom,0px)))!important;z-index:150!important;width:100%!important;max-width:none!important;min-height:68px!important;margin:0!important;padding:10px 20px!important;border:0!important;border-top:1px solid var(--cq-line)!important;background:#fff!important;box-shadow:0 -3px 12px #1e303505!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-progress,
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-skip {display:none!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actions {display:flex!important;min-width:0;gap:8px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar button {min-height:44px!important;margin:0!important;padding:8px!important;font-family:inherit!important;font-weight:600!important;font-size:14px!important;line-height:1.5!important;border-radius:9px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-prev,
body.client-ui.client-ui[data-view="quiz"] .cq-answer-sheet-button {background:#fff!important;border:1px solid #dce5e7!important;color:var(--cq-ink)!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-submit,
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-next {display:block;flex:1!important;min-width:0!important;background:var(--cq-accent)!important;border:1px solid var(--cq-accent)!important;color:#fff!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar button:disabled {opacity:.4;cursor:default;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar [hidden] {display:none!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .cq-root {padding-bottom:86px;}
body.client-ui .cq-answer-sheet {width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 48px);padding:22px;border:0;border-radius:20px;color:var(--cq-ink);background:#fff;}
body.client-ui .cq-answer-sheet::backdrop {background:#14292f55;}
body.client-ui .cq-answer-sheet header {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;}
body.client-ui .cq-answer-sheet h2 {margin:0 0 8px;font-size:20px;}
body.client-ui .cq-answer-sheet header p,body.client-ui .cq-sheet-note {margin:0;color:var(--cq-muted);font-size:13px;line-height:1.8;}
body.client-ui .cq-answer-sheet header button {width:44px;min-height:44px;border:0;background:var(--cq-bg);border-radius:50%;font-size:25px;color:var(--cq-ink);}
body.client-ui .cq-answer-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;margin-bottom:20px;}
body.client-ui .cq-answer-grid button {min-height:44px;border:1px solid var(--cq-line);background:var(--cq-bg);border-radius:8px;color:var(--cq-ink);font-size:14px;}
body.client-ui .cq-answer-grid button.done {background:var(--cq-mint);color:var(--cq-accent);}
body.client-ui .cq-answer-grid button.current {border:2px solid var(--cq-accent);}

/* Feedback stays free; the existing member wall owns all resource access. */
body.client-ui.client-ui[data-view="quiz"] .quiz-result {margin-top:24px!important;padding:18px 0 0!important;border:0!important;border-top:1px solid var(--cq-line)!important;background:transparent!important;}
body.client-ui.client-ui[data-view="quiz"] .result-title {font-family:inherit!important;font-size:16px!important;line-height:1.7!important;}
body.client-ui.client-ui[data-view="quiz"] .answer-reveal {display:block!important;margin:14px 0!important;padding:14px!important;background:var(--cq-bg)!important;border:0!important;border-radius:12px!important;font-size:14px!important;line-height:1.85!important;}
body.client-ui.client-ui[data-view="quiz"] .answer-compare {display:flex!important;gap:10px!important;align-items:baseline!important;flex-wrap:wrap!important;margin-bottom:6px!important;}
body.client-ui.client-ui[data-view="quiz"] .answer-compare em {font-style:normal!important;font-size:14px!important;line-height:1.8!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-exp-split {display:flex!important;flex-direction:column!important;gap:18px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-exp-split-text {order:-1!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-exp {background:transparent!important;border:0!important;padding:0!important;margin:16px 0!important;color:var(--cq-ink)!important;font-family:inherit!important;font-weight:400!important;font-size:16px!important;line-height:1.9!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-exp summary {font-family:inherit!important;font-weight:650!important;font-size:17px!important;line-height:1.7!important;color:var(--cq-ink)!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-exp>div {font-size:16px!important;line-height:1.95!important;margin-top:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-context-bar {display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:center!important;padding:0 0 16px!important;background:transparent!important;border:0!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-context-bar>em {display:none!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-context-bar button {min-height:44px!important;background:transparent!important;border:0!important;color:var(--cq-accent)!important;font-size:14px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-context-bar div {min-width:0!important;}

/* Modes and custom setup use the existing selection and assembly logic. */
body.client-ui.client-ui[data-view="quiz"] .pm-picker {background:#fff!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;padding:20px 16px!important;box-shadow:none!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-head {margin-bottom:20px;}
body.client-ui.client-ui[data-view="quiz"] .pm-head>span {font-size:12px!important;color:var(--cq-muted)!important;letter-spacing:0!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-head>b {display:block;font-size:22px!important;font-family:inherit!important;margin:8px 0;}
body.client-ui.client-ui[data-view="quiz"] .pm-head>small {font-size:13px!important;line-height:1.8!important;color:var(--cq-muted)!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-cards {display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-card {display:grid!important;grid-template-columns:34px 1fr;gap:6px 12px!important;min-height:112px!important;padding:16px!important;text-align:left!important;background:#fff!important;border:1px solid #dfe6e8!important;border-radius:12px!important;box-shadow:none!important;color:var(--cq-ink)!important;transform:none!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-card>i {grid-row:1/4;width:32px!important;height:32px!important;font:600 15px/32px inherit!important;border-radius:8px!important;background:var(--cq-mint)!important;color:var(--cq-accent)!important;text-align:center!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-card>b {font-size:16px!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-card>span {font-size:14px!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-card>em {font-size:12px!important;color:var(--cq-muted)!important;line-height:1.8!important;font-style:normal;}
body.client-ui.client-ui[data-view="quiz"] .pm-card.on {background:var(--cq-mint)!important;border-color:var(--cq-accent)!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-count-pills {display:flex!important;flex-wrap:wrap;gap:8px!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-count {min-height:44px!important;padding:8px 14px!important;border-radius:9px!important;font-size:14px!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-count.on {background:var(--cq-accent)!important;border-color:var(--cq-accent)!important;color:#fff!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-actions {display:flex!important;flex-direction:column;gap:8px!important;margin-top:22px!important;}
body.client-ui.client-ui[data-view="quiz"] .pm-actions button {min-height:48px!important;font-size:16px!important;border-radius:10px!important;}
body.client-ui.client-ui[data-view="quiz"] .btn-p {background:var(--cq-accent)!important;border-color:var(--cq-accent)!important;color:#fff!important;box-shadow:none!important;}
body.client-ui.client-ui[data-view="quiz"] .btn-g {background:#fff!important;color:var(--cq-accent)!important;border-color:var(--cq-line)!important;box-shadow:none!important;}
body.client-ui.client-ui.custom-setup-open {overflow-y:auto!important;}
body.client-ui.client-ui.custom-setup-open::before {display:none!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-page {position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;max-width:760px!important;max-height:none!important;height:auto!important;overflow:visible!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-modal-head {position:static!important;display:flex;align-items:center;justify-content:space-between;gap:16px!important;margin:0!important;padding:0 0 20px!important;background:transparent!important;border:0!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-title b {font-family:inherit!important;font-weight:700!important;font-size:24px!important;line-height:1.5!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-title span {font-size:13px!important;color:var(--cq-muted)!important;line-height:1.8!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-close {width:44px!important;min-height:44px!important;background:#fff!important;border:1px solid var(--cq-line)!important;border-radius:50%!important;color:var(--cq-ink)!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-step {padding:16px!important;margin:0 0 14px!important;background:#fff!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-step header>span,body.client-ui.client-ui[data-view="quiz"] .cs-step summary>span {background:var(--cq-mint)!important;color:var(--cq-accent)!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-step b {font-family:inherit!important;font-size:16px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-step small {font-size:12px!important;line-height:1.7!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-pills,body.client-ui.client-ui[data-view="quiz"] .cs-chapter-list {display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-pill,body.client-ui.client-ui[data-view="quiz"] .cs-chapter,body.client-ui.client-ui[data-view="quiz"] .cs-all-btn {min-height:44px!important;height:auto!important;max-width:100%;padding:10px 12px!important;border-radius:9px!important;background:#fff!important;border:1px solid #dde7e8!important;color:var(--cq-ink)!important;font-size:14px!important;line-height:1.65!important;white-space:normal!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-pill.on,body.client-ui.client-ui[data-view="quiz"] .cs-chapter.on,body.client-ui.client-ui[data-view="quiz"] .cs-all-btn.on {border-color:var(--cq-accent)!important;color:var(--cq-accent)!important;background:var(--cq-mint)!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-subjects {display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-item {width:100%!important;min-height:84px!important;border:1px solid var(--cq-line)!important;border-radius:12px!important;padding:14px!important;background:#fff!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-item.on {border-color:var(--cq-accent)!important;background:var(--cq-mint)!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-item .qs-code {color:var(--cq-accent)!important;background:transparent!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-item .qs-info b {font-family:inherit!important;font-size:15px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-item .qs-sub {font-size:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-summary {position:static!important;padding:18px!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;background:#fff!important;margin:18px 0 0!important;display:grid!important;gap:14px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-summary-info {flex-wrap:wrap!important;gap:8px 14px!important;font-size:13px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-start {width:100%!important;min-height:48px!important;font-size:16px!important;border-radius:10px!important;}
body.client-ui.client-ui[data-view="quiz"] .cs-hint {color:var(--cq-muted)!important;font-size:13px!important;line-height:1.8!important;padding:12px 0!important;}

body.client-ui.client-ui[data-view="quiz"] .as-report {max-width:880px!important;margin:auto!important;}
body.client-ui.client-ui[data-view="quiz"] .as-hero {padding:26px 18px!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;background:#fff!important;color:var(--cq-ink)!important;box-shadow:none!important;}
body.client-ui.client-ui[data-view="quiz"] .as-hero-score>b {color:var(--cq-accent)!important;font-family:inherit!important;font-size:52px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-hero-tag {font-size:13px!important;color:var(--cq-muted)!important;}
body.client-ui.client-ui[data-view="quiz"] .as-hero p {color:var(--cq-muted)!important;font-size:14px!important;line-height:1.8!important;}
body.client-ui.client-ui[data-view="quiz"] .as-hero-stats {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-stat b {font-family:inherit!important;font-size:21px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-stat span {font-size:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-grid-block,body.client-ui.client-ui[data-view="quiz"] .as-item {padding:17px!important;margin-top:16px!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;background:#fff!important;}
body.client-ui.client-ui[data-view="quiz"] .as-grid {display:grid!important;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))!important;gap:7px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-grid-dot {min-height:44px!important;width:100%!important;border-radius:8px!important;font-size:14px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-item-q {font-family:inherit!important;font-size:16px!important;line-height:1.9!important;}
body.client-ui.client-ui[data-view="quiz"] .as-item-exp {font-size:15px!important;line-height:1.9!important;}
body.client-ui.client-ui[data-view="quiz"] .as-review-tabs {display:flex!important;gap:8px!important;margin:20px 0 0!important;}
body.client-ui.client-ui[data-view="quiz"] .as-tab {flex:1!important;min-height:44px!important;border:1px solid var(--cq-line)!important;border-radius:9px!important;font-size:14px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-tab.on {color:#fff!important;background:var(--cq-accent)!important;border-color:var(--cq-accent)!important;}
body.client-ui.client-ui[data-view="quiz"] .as-actions {display:flex!important;flex-direction:column;gap:10px!important;margin-top:20px!important;}
body.client-ui.client-ui[data-view="quiz"] .as-actions button {min-height:48px!important;font-size:15px!important;border-radius:10px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-loading,body.client-ui.client-ui[data-view="quiz"] .quiz-load-error,body.client-ui.client-ui[data-view="quiz"] .quiz-complete {background:#fff!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;padding:30px 20px!important;min-height:220px!important;color:var(--cq-ink)!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-load-error button,body.client-ui.client-ui[data-view="quiz"] .quiz-complete button {min-height:44px!important;border-radius:10px!important;font-size:14px!important;}

body.client-ui .cq-search {display:flex;align-items:center;gap:10px;min-height:50px;padding:0 15px;background:#fff;border:1px solid var(--cq-line);border-radius:12px;margin-bottom:16px;}
body.client-ui .cq-search>span {color:var(--cq-muted);font-size:24px;}
body.client-ui .cq-search input {width:100%;min-width:0;min-height:48px;background:transparent;border:0;outline:none;color:var(--cq-ink);font-family:inherit;font-weight:400;font-size:16px;line-height:1.5;}
body.client-ui .cq-section-label {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:22px 0 12px;}
body.client-ui .cq-section-label>span {font-size:12px;color:var(--cq-muted);}
body.client-ui .cq-gallery-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
body.client-ui .cq-gallery-card {min-width:0;background:#fff;border:1px solid var(--cq-line);border-radius:14px;overflow:hidden;}
body.client-ui.client-ui .cq-gallery-card .quiz-knowledge-map {display:flex!important;flex-direction:column!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important;}
body.client-ui.client-ui .cq-gallery-card .quiz-knowledge-map>summary {order:1;padding:12px 12px 0!important;list-style:none;font-family:inherit!important;font-weight:600!important;font-size:14px!important;line-height:1.7!important;color:var(--cq-ink)!important;pointer-events:none;}
body.client-ui.client-ui .cq-gallery-card .quiz-knowledge-map>summary::after {display:none!important;}
body.client-ui.client-ui .cq-gallery-card .knowledge-map-preview {display:block!important;width:100%!important;padding:0!important;border:0!important;background:var(--cq-bg)!important;}
body.client-ui.client-ui .cq-gallery-card .kmp-frame {display:block!important;height:125px!important;min-height:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;}
body.client-ui.client-ui .cq-gallery-card .kmp-frame img {width:100%!important;height:100%!important;object-fit:contain!important;}
body.client-ui.client-ui .cq-gallery-card .kmp-frame>i {font-size:10px!important;}
body.client-ui.client-ui .cq-gallery-card .knowledge-map-meta {order:2;display:grid!important;gap:5px;padding:8px 12px!important;color:var(--cq-muted)!important;font-family:inherit!important;font-weight:400!important;font-size:11px!important;line-height:1.6!important;}
body.client-ui.client-ui .cq-gallery-card .knowledge-map-meta small {font-size:10px!important;}
body.client-ui .cq-gallery-practice {display:flex;justify-content:space-between;width:calc(100% - 24px);min-height:44px;margin:0 12px 8px;padding:7px 0;background:transparent;border:0;border-top:1px solid var(--cq-line);color:var(--cq-accent);font-size:13px;align-items:center;}
body.client-ui .cq-load-more {display:block;width:100%;margin:20px auto;}
body.client-ui .cq-review {max-width:900px;margin:auto;}
body.client-ui .cq-review-summary {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid var(--cq-line);border-radius:16px;margin-bottom:20px;}
body.client-ui .cq-review-summary>span {font-size:16px;font-weight:600;}
body.client-ui .cq-review-summary strong {margin-left:auto;color:var(--cq-accent);font-size:28px;}
body.client-ui .cq-review-summary strong small {font-size:13px;margin-left:4px;color:var(--cq-muted);font-weight:400;}
body.client-ui .cq-review-summary details {font-size:13px;color:var(--cq-muted);}
body.client-ui .cq-review-summary summary {min-height:44px;display:flex;align-items:center;color:var(--cq-accent);cursor:pointer;}
body.client-ui .cq-review-summary details[open] {width:100%;}
body.client-ui .cq-review-summary p {line-height:1.8;margin:0;}
body.client-ui .cq-review-filters {margin-bottom:18px;}
body.client-ui .cq-subject-filter {background:transparent;border:0;padding:0;gap:7px;}
body.client-ui .cq-subject-filter button {border:1px solid var(--cq-line);background:#fff;font-size:13px;}
body.client-ui .cq-review-list {display:grid;gap:14px;}
body.client-ui .cq-review-list article {padding:18px;background:#fff;border:1px solid var(--cq-line);border-radius:16px;}
body.client-ui .cq-review-meta {display:flex;gap:10px;align-items:center;}
body.client-ui .cq-review-meta>span {padding:3px 7px;background:var(--cq-mint);color:var(--cq-accent);font-size:12px;border-radius:5px;white-space:nowrap;}
body.client-ui .cq-review-meta small {font-size:12px;line-height:1.6;color:var(--cq-muted);}
body.client-ui .cq-review-list h2 {margin:14px 0;font-size:16px;line-height:1.85;font-weight:600;overflow-wrap:anywhere;}
body.client-ui .cq-review-row-foot {display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--cq-muted);line-height:1.7;}
body.client-ui .cq-review-row-foot small {font-size:12px;}
body.client-ui .cq-review-start {width:100%;margin-top:20px;}
body.client-ui .cq-root button:focus-visible,body.client-ui .cq-review button:focus-visible,body.client-ui .cq-search:focus-within {outline:2px solid var(--cq-accent);outline-offset:3px;}
@media(min-width:768px){
  body.client-ui .cq-subjects {grid-template-columns:1fr 1fr;}
  body.client-ui .cq-gallery-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  body.client-ui .cq-review-list {grid-template-columns:1fr 1fr;}
  body.client-ui .cq-review-list>.cq-empty {grid-column:1/-1;}
  body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar {padding-left:max(20px,calc((100vw - 860px)/2))!important;padding-right:max(20px,calc((100vw - 860px)/2))!important;}
  body.client-ui.client-ui[data-view="quiz"] .practice-card {padding:26px!important;}
}
@media(max-width:370px){
  body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar {grid-template-columns:72px minmax(0,1fr) 54px!important;gap:7px!important;padding-left:12px!important;padding-right:12px!important;}
  body.client-ui .cq-subject {gap:12px;padding:16px 12px;}
  body.client-ui .cq-code {flex-basis:40px;height:42px;}
}
@media(prefers-reduced-motion:reduce){body.client-ui .cq-root * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Dedicated entry resets the legacy desktop header and 44px icon-only previous button. */
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head {display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:4px 12px!important;min-height:0!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head>button {grid-column:1;grid-row:1;width:auto!important;text-align:left!important;justify-self:start!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2) {grid-column:1/-1;grid-row:2;display:block!important;width:100%!important;min-width:0!important;padding:0!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head>div:nth-child(2)>span {display:none!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head h2 {margin:0!important;font-size:17px!important;}
body.client-ui.client-ui[data-view="quiz"].quiz-answering .quiz-session-head .practice-score {grid-column:2;grid-row:1;width:auto!important;min-width:0!important;margin:0!important;flex-wrap:nowrap!important;white-space:nowrap!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actionbar button {width:100%!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;word-break:keep-all!important;padding:8px 4px!important;}
body.client-ui.client-ui[data-view="quiz"] .quiz-mobile-actions {width:100%!important;}
body.client-ui .cq-chapter-actions {display:flex;gap:16px;width:100%;margin-top:4px;}
body.client-ui .cq-chapter-actions button {min-height:44px;padding:8px 0;background:transparent;border:0;color:var(--cq-accent);font-size:14px;}
body.client-ui .cq-chapter-actions button:last-child {margin-left:auto;}
body.client-ui .cq-chapter-actions i {font-size:18px;color:inherit;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson {max-width:900px;margin:auto;color:var(--cq-ink);}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(.el-hero,.el-section,.el-map-links,.el-visual,.el-practice) {background:#fff!important;color:var(--cq-ink)!important;border:1px solid var(--cq-line)!important;border-radius:16px!important;padding:20px 18px!important;margin:0 0 18px!important;box-shadow:none!important;min-width:0;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(h2,h3,b,strong) {font-family:inherit!important;color:var(--cq-ink)!important;line-height:1.7!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson h2 {font-size:22px!important;margin:8px 0 12px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson h3 {font-size:18px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(p,small,em) {color:var(--cq-muted)!important;font-size:14px!important;line-height:1.9!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(.el-kicker,.el-section-head>span) {color:var(--cq-accent)!important;font-size:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson .el-stats {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(.el-meeting-grid,.el-war-grid,.el-flow-steps,.el-clusters,.el-confusions,.el-achievements,.el-map-region-list) {display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(.el-cluster,.el-compare,.el-time,.el-method,.el-flow-steps>div,.el-achievements>div,.el-meeting-grid>article,.el-war-grid>article,.el-map-region-list>div) {background:var(--cq-bg)!important;border-color:var(--cq-line)!important;border-radius:12px!important;padding:15px!important;color:var(--cq-ink)!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson .el-time {display:flex!important;gap:14px!important;margin:10px 0!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson .el-time time {color:var(--cq-accent)!important;min-width:52px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson .el-congress-table>div {display:flex!important;flex-direction:column!important;gap:8px!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson .el-practice {display:flex!important;flex-direction:column!important;gap:18px!important;align-items:stretch!important;}
body.client-ui.client-ui[data-view="quiz"] .exam-lesson img {max-width:100%!important;height:auto!important;}
@media(min-width:768px){body.client-ui.client-ui[data-view="quiz"] .exam-lesson :is(.el-clusters,.el-confusions,.el-achievements,.el-meeting-grid,.el-war-grid) {grid-template-columns:1fr 1fr!important;}}
body.client-ui.client-ui .cq-root :is(h1,h2,h3),
body.client-ui.client-ui .cq-root :is(.pm-head>b,.cs-head b,.cs-step-title,.quiz-context-bar b,.quiz-complete b,.as-grid-block h3,.as-hero-score em) {color:var(--cq-ink)!important;}
body.client-ui.client-ui .cq-root :is(.el-stats span,.quiz-context-bar span,.as-stat span,.quiz-loading span,.quiz-complete>span) {color:var(--cq-muted)!important;}
body.client-ui .question-report-overlay {padding:16px;background:#14292f55;backdrop-filter:blur(4px);}
body.client-ui .question-report-card {width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:24px 20px;border-color:var(--cq-line);color:var(--cq-ink);box-shadow:0 18px 50px #14292f22;}
body.client-ui .question-report-card>span {display:none;}
body.client-ui .question-report-card h3 {font-size:21px;padding-right:25px;color:var(--cq-ink);}
body.client-ui .question-report-card p {font-size:14px;color:var(--cq-muted);line-height:1.8;}
body.client-ui .question-report-close {min-width:44px;min-height:44px;top:12px;right:8px;}
body.client-ui .question-report-types span {min-height:44px;display:flex;align-items:center;border-radius:8px;}
body.client-ui .question-report-types input:checked+span {border-color:var(--cq-accent);background:var(--cq-mint);color:var(--cq-accent);}
body.client-ui .question-report-card textarea {font-size:16px;line-height:1.8;background:#fff;color:var(--cq-ink);border-color:var(--cq-line);}
body.client-ui .question-report-card form>button {min-height:48px;background:var(--cq-accent);font-size:16px;}
