:root {
  --journey-violet: #5f5ae8;
  --journey-violet-strong: #4d47d3;
  --journey-violet-soft: #f0efff;
  --journey-mint: #57c596;
  --journey-ink: #202231;
  --journey-muted: #767a8e;
  --journey-line: #e8e9f1;
  --journey-paper: #fdfdfc;
}

body { background:#fff; }
.app-shell { display:grid; grid-template-columns:minmax(0,1fr); height:100vh; background:#fff; }
.main-panel { height:100vh; grid-template-rows:88px minmax(0,1fr) 88px; background:#fff; }

.sidebar {
  position:fixed; inset:0 auto 0 0; z-index:50; width:280px; transform:translateX(-105%);
  transition:transform .24s ease; box-shadow:24px 0 60px rgba(37,39,65,.15);
}
.sidebar.open { transform:translateX(0); }
.backdrop { position:fixed; inset:0; z-index:40; background:rgba(32,34,51,.32); backdrop-filter:blur(2px); }
.backdrop.show { display:block; }
.new-btn { min-height:46px; display:flex; align-items:center; gap:10px; }
.new-btn i { color:var(--journey-violet); font-size:17px; }

.journey-topbar {
  position:sticky; top:0; z-index:20; display:grid !important; visibility:visible;
  grid-template-columns:minmax(250px,.8fr) minmax(420px,1.35fr) minmax(260px,.8fr);
  padding:0 28px; border-bottom:1px solid var(--journey-line); gap:24px; background:rgba(255,255,255,.97);
}
.topbar-brand { min-width:0; display:flex; align-items:center; gap:9px; color:#666a79; white-space:nowrap; }
.topbar-brand strong { color:var(--journey-ink); font-size:20px; letter-spacing:.04em; }
.topbar-brand > span:last-child { font-size:13px; }
.mini-brand { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--journey-violet); box-shadow:0 8px 20px rgba(95,90,232,.22); }
.menu-btn { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#565968; font-size:20px; }
.menu-btn:hover { background:#f4f4f8; }

.journey-steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; }
.journey-steps li { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; color:#a0a3b1; font-size:13px; }
.journey-steps li:not(:last-child)::after { content:""; position:absolute; left:calc(50% + 34px); right:calc(-50% + 34px); top:50%; height:1px; background:#e4e5ed; }
.journey-steps li > span { position:relative; z-index:1; width:34px; height:34px; border:1px solid #d8d9e8; border-radius:50%; display:grid; place-items:center; background:#fff; color:#6966d0; font-weight:700; }
.journey-steps li strong { font-weight:650; }
.journey-steps li.active { color:var(--journey-ink); }
.journey-steps li.active > span { border-color:var(--journey-violet); background:var(--journey-violet); color:#fff; box-shadow:0 7px 18px rgba(95,90,232,.22); }
.journey-steps li.done { color:#4a4d5d; }
.journey-steps li.done > span { border-color:#d9f2e7; background:#eaf8f2; color:transparent; }
.journey-steps li.done > span::after { content:"\F26E"; font-family:"bootstrap-icons"; position:absolute; color:var(--journey-mint); font-size:16px; }

.topbar-actions { gap:10px; }
.student-badge { background:#f2f1ff; color:#504cb3; font-size:11px; padding:7px 10px; }
.records-toggle { min-height:42px; display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-color:#e1e2ea; font-size:11px; }
.user-menu-btn { min-height:48px; border:0; padding:5px 4px 5px 8px; }
.user-menu-btn::before { content:"\F4DA"; font-family:"bootstrap-icons"; width:34px; height:34px; display:grid; place-items:center; grid-row:1 / span 2; border-radius:50%; background:#efeff8; color:#8b8eaa; font-size:20px; }
.user-menu-btn span,.user-menu-btn small { grid-column:2; }
.user-menu-btn b { grid-column:3; }

.journey-workspace { min-height:0; display:grid; grid-template-columns:300px minmax(390px,1fr) minmax(420px,1.05fr); overflow:hidden; }
.journey-history,.reading-workspace,.answer-workspace { min-width:0; min-height:0; background:#fff; }
.journey-history { border-right:1px solid var(--journey-line); padding:28px 20px 22px; display:flex; flex-direction:column; overflow:hidden; }
.pane-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:0 6px 20px; }
.pane-heading span { color:#8e91a0; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.pane-heading h2 { margin:5px 0 0; font-size:17px; }
.pane-heading button { width:38px; height:38px; border:1px solid #e0e1e9; border-radius:10px; background:#fff; cursor:pointer; }
.journey-history-list { min-height:0; flex:1; overflow-y:auto; padding:2px 2px 10px; }
.journey-history-list,.reading-workspace,.answer-workspace .chat-scroll {
  scrollbar-width:thin;
  scrollbar-color:#b2afe6 #f2f2f7;
  scrollbar-gutter:stable;
}
.journey-history-list::-webkit-scrollbar,.reading-workspace::-webkit-scrollbar,.answer-workspace .chat-scroll::-webkit-scrollbar { width:10px; }
.journey-history-list::-webkit-scrollbar-track,.reading-workspace::-webkit-scrollbar-track,.answer-workspace .chat-scroll::-webkit-scrollbar-track { background:#f2f2f7; }
.journey-history-list::-webkit-scrollbar-thumb,.reading-workspace::-webkit-scrollbar-thumb,.answer-workspace .chat-scroll::-webkit-scrollbar-thumb { min-height:44px; border:2px solid #f2f2f7; border-radius:999px; background:#b2afe6; }
.journey-history-list::-webkit-scrollbar-thumb:hover,.reading-workspace::-webkit-scrollbar-thumb:hover,.answer-workspace .chat-scroll::-webkit-scrollbar-thumb:hover { background:#817cdf; }
.journey-history-item { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; min-height:88px; padding:12px 9px; border-radius:13px; }
.journey-history-item:not(:last-child)::after { content:""; position:absolute; left:25px; top:47px; bottom:-8px; width:1px; background:#e5e6ed; }
.journey-history-item.current { background:#f2f1ff; box-shadow:inset 3px 0 var(--journey-violet); }
.history-marker { position:relative; z-index:1; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#f0f1f6; color:#777b8d; font-size:13px; }
.journey-history-item.current .history-marker { background:var(--journey-violet); color:#fff; }
.journey-history-item.done .history-marker { background:#e7f7ef; color:#43af7f; }
.journey-history-item strong,.journey-history-item span { display:block; }
.journey-history-item strong { margin:2px 0 6px; color:#2f3140; font-size:12px; }
.journey-history-item div span { color:#9a9dac; font-size:9px; line-height:1.55; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.history-records-btn { min-height:48px; border:1px solid #cfcdf4; border-radius:12px; background:#fff; color:#5753bc; cursor:pointer; font-size:11px; font-weight:700; }
.history-records-btn:hover { background:#f7f6ff; }
body.history-collapsed .journey-workspace { grid-template-columns:72px minmax(390px,1fr) minmax(420px,1.05fr); }
body.history-collapsed .journey-history { padding-inline:12px; }
body.history-collapsed .pane-heading > div,body.history-collapsed .journey-history-item > div,body.history-collapsed .history-records-btn { display:none; }
body.history-collapsed .journey-history-item { grid-template-columns:1fr; min-height:54px; }
body.history-collapsed .journey-history-item::after { display:none; }

.reading-workspace { border-right:1px solid var(--journey-line); padding:30px 30px 24px; overflow-y:auto; }
.reading-head { margin-bottom:22px; }
.reading-state { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:7px; background:#f0efff; color:#625ee0; font-size:10px; font-weight:750; }
.reading-head h1 { margin:12px 0 8px; font-size:24px; line-height:1.3; letter-spacing:-.02em; }
.reading-head p { margin:0; color:#9194a3; font-size:11px; }
.article-mount:empty { min-height:330px; border:1px dashed #dedfe9; border-radius:16px; display:grid; place-items:center; }
.article-mount:empty::before { content:"文章将在进入阅读阶段后显示"; color:#a2a5b2; font-size:11px; }
.article-card { margin:0; border:1px solid #e7e8ee; border-radius:17px; box-shadow:none; }
.article-body { max-height:none; padding:23px 25px; }
.article-body p { margin-bottom:16px; color:#3d4050; font-family:"Noto Serif SC","Songti SC","STSong",serif; font-size:14px; line-height:2.05; }
.para-no { width:25px; color:#7772e4; font-family:inherit; }
.welcome-card { grid-template-columns:54px 1fr; margin:18px 0 0; padding:18px 20px; border:0; border-radius:14px; background:#f7f7fb; }
.welcome-card::after { display:none; }
.welcome-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#ebeaff; color:#5f5ae8; font-size:21px; }
.welcome-card h2 { margin:4px 0; font-size:17px; }

.answer-workspace { min-height:0; display:grid; grid-template-rows:auto auto minmax(180px,1fr) auto; overflow:hidden; margin:22px 18px 18px; padding:20px 18px 16px; border:1px solid #e8e9f1; border-radius:17px; background:#fff; box-shadow:0 10px 34px rgba(46,48,75,.04); }
.answer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:0 4px 13px; }
.answer-head span { color:#8c90a0; font-size:10px; }
.answer-head h2 { max-width:620px; margin:7px 0 0; color:#262837; font-size:17px; line-height:1.5; }
.answer-head .question-domain { flex:0 0 auto; padding:5px 8px; border-radius:7px; background:#f0efff; color:#625ee0; font-weight:700; }
.answer-tip { min-height:0; display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; margin:0 0 10px; border:1px solid #ecebf8; border-radius:11px; padding:8px 11px; color:#625ee0; background:#f8f8fc; }
.answer-tip > i { margin-top:1px; font-size:14px; }
.answer-tip strong { font-size:10px; }
.answer-tip p { margin:2px 0 0; color:#74788b; font-size:10px; line-height:1.5; }
.answer-workspace .chat-scroll { height:auto; min-height:0; overflow-y:auto; border:1px solid #e9e9f2; border-radius:14px; padding:0 10px 12px; background:#fcfcfe; }
.conversation-heading { position:sticky; top:0; z-index:2; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 -2px; border-bottom:1px solid #eeeeF5; padding:0 4px; color:#767a8e; background:rgba(252,252,254,.96); backdrop-filter:blur(8px); }
.conversation-heading strong { display:flex; align-items:center; gap:7px; color:#4d496d; font-size:11px; }
.conversation-heading strong i { color:var(--journey-violet); font-size:13px; }
.conversation-heading span { overflow:hidden; color:#999cab; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.messages { gap:12px; padding:12px 0 4px; }
.message-content { max-width:calc(100% - 42px); }
.assistant-bubble { border:1px solid #efeff4; background:#fff; border-radius:6px 15px 15px 15px; padding:11px 13px; font-size:12px; line-height:1.7; box-shadow:0 5px 16px rgba(50,52,78,.035); }
.assistant-bubble:has(.feedback-note) { border:1px solid #dcd9ff; background:#f8f7ff; padding:13px 14px; box-shadow:0 8px 22px rgba(82,75,190,.07); }
.feedback-note { margin:0 0 8px; color:#5650cf; background:#eceaff; border-color:#d9d5ff; font-size:10px; }
.feedback-copy { color:#2f3242; font-size:13px; line-height:1.75; }
.feedback-guidance { display:grid; gap:4px; margin-top:11px; border-top:1px solid #e3e1f7; padding-top:10px; color:#4c5061; }
.feedback-guidance strong { display:flex; align-items:center; gap:6px; color:#6862db; font-size:11px; }
.feedback-guidance span { font-size:12px; line-height:1.7; }
.user-bubble { max-width:88%; background:#eeedff; font-size:12px; }
.avatar { background:var(--journey-violet); border-radius:10px; }
.question-badge { gap:5px; }
.composer-zone { width:100%; margin:0; padding:11px 0 0; background:#fff; }
.composer { min-height:148px; border:1px solid #cbc9ef; border-radius:14px; box-shadow:none; display:grid; grid-template-rows:minmax(72px,1fr) auto; padding:11px 12px 10px; }
.composer:focus-within { border-color:#918deb; box-shadow:0 0 0 4px rgba(95,90,232,.08); }
.composer textarea { min-height:60px; max-height:96px; padding:3px 2px 8px; font-size:13px; align-self:stretch; }
.composer-footer { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:10px; border-top:1px solid #f0f0f4; padding-top:10px; color:#737786; font-size:10px; }
.composer-footer > small { justify-self:end; color:#a0a3af; white-space:nowrap; }
.composer-input-modes { gap:8px; }
.photo-answer-btn,.voice-answer-btn { min-height:44px; border-radius:9px; padding:7px 9px; }
.send-btn { width:auto; min-width:88px; height:40px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 16px; font-size:11px; font-weight:750; }
.quick-actions { margin:0; }
.stage-actions { margin:0; }
.question-actions { align-items:center; }
.quick-chip { min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 14px; border-color:#cfcdf3; color:#5753ba; font-weight:700; }
.quick-chip.stage-cta { width:100%; min-height:48px; border:0; border-radius:12px; color:#fff; background:var(--journey-violet); box-shadow:0 9px 22px rgba(95,90,232,.18); }
.quick-chip.stage-cta:hover { background:var(--journey-violet-strong); }
.quick-chip.skip-chip { border-color:#e2d8c5; background:#fffdf8; color:#85672f; }
.question-actions .quick-chip.skip-chip { min-height:30px; padding:5px 9px; font-size:9px; }
.quick-chip.skip-chip:hover { border-color:#cdbb94; background:#fff8e9; color:#6f5425; }
.answer-workspace[data-stage="intro"],.answer-workspace[data-stage="reading"] { grid-template-rows:auto auto minmax(240px,1fr) auto; }
.answer-workspace[data-stage="intro"] .composer,.answer-workspace[data-stage="reading"] .composer,.answer-workspace[data-stage="intro"] .composer-tip,.answer-workspace[data-stage="reading"] .composer-tip { display:none; }
.answer-workspace[data-stage="intro"] .composer-zone,.answer-workspace[data-stage="reading"] .composer-zone { padding-top:12px; }
.answer-workspace[data-stage="intro"] .quick-actions,.answer-workspace[data-stage="reading"] .quick-actions { margin:0; }
.answer-workspace[data-stage="completed"] { grid-template-rows:auto auto minmax(260px,1fr); }
.answer-workspace[data-stage="completed"] .composer-zone { display:none; }

.journey-footer { min-width:0; display:grid; grid-template-columns:46px 130px minmax(160px,1fr) auto; align-items:center; gap:16px; padding:14px 30px; border-top:1px solid var(--journey-line); background:#fff; }
.footer-progress-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--journey-violet); color:#fff; font-size:18px; }
.footer-progress-copy span,.footer-progress-copy strong { display:block; }
.footer-progress-copy span { color:#4c4f5f; font-size:10px; font-weight:700; }
.footer-progress-copy strong { margin-top:4px; color:#7e8190; font-size:10px; }
.journey-footer .progress-track { width:100%; height:7px; }
.footer-report-btn { min-height:48px; border:0; border-radius:12px; background:var(--journey-violet); color:#fff; padding:10px 22px; cursor:pointer; font-size:12px; font-weight:750; }
.footer-report-btn:disabled { background:#eeeeF4; color:#aaaeba; cursor:default; }

.records-sidebar { position:fixed; inset:0 0 0 auto; z-index:50; width:min(360px,calc(100% - 24px)); visibility:hidden; pointer-events:none; transform:translateX(105%); transition:transform .24s ease,visibility 0s linear .24s; box-shadow:-22px 0 60px rgba(38,40,61,.16); }
.records-sidebar.open { visibility:visible; pointer-events:auto; transform:translateX(0); transition-delay:0s; }
.records-close { display:grid; place-items:center; }
.records-export-btn i { font-size:15px; }

.admin-dialog { width:min(1240px,calc(100% - 32px)); height:min(900px,calc(100vh - 32px)); border-radius:18px; }
.admin-head { padding:24px 30px 17px; }
.summary-cards { grid-template-columns:repeat(3,1fr); }
.summary-card { border-width:0 0 0 1px; border-radius:0; box-shadow:none; }
.summary-card:first-child { border-left:0; }
.analytics-list { border-radius:14px; }
.analytics-row { border-radius:0; }
.people-table-wrap { border-radius:14px; }

.auth-screen { background:#fbfbfd; }
.auth-intro { background:var(--journey-violet); }
.auth-card { border-radius:20px; box-shadow:0 20px 55px rgba(49,50,78,.12); }
.auth-submit { background:var(--journey-violet); }

@media (max-width: 1380px) {
  .composer-input-modes > span { display:none; }
}

@media (max-width: 1180px) {
  .journey-topbar { grid-template-columns:minmax(210px,.7fr) minmax(360px,1.25fr) minmax(220px,.7fr); padding-inline:18px; }
  .topbar-brand > span:last-child,.student-badge { display:none; }
  .journey-workspace { grid-template-columns:240px minmax(340px,.9fr) minmax(390px,1fr); }
  .journey-history { padding-inline:14px; }
  .reading-workspace { padding-inline:22px; }
}

@media (min-width: 901px) and (max-height: 800px) {
  .answer-workspace { margin:14px 14px 12px; padding:16px 14px 12px; }
  .answer-workspace[data-stage="assessment"] { grid-template-rows:minmax(0,120px) auto minmax(160px,1fr) auto; }
  .answer-head { padding-bottom:9px; }
  .answer-workspace[data-stage="assessment"] .answer-head { max-height:120px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#b2afe6 #f2f2f7; }
  .answer-workspace[data-stage="assessment"] .answer-head::-webkit-scrollbar { width:8px; }
  .answer-workspace[data-stage="assessment"] .answer-head::-webkit-scrollbar-thumb { border:2px solid #f2f2f7; border-radius:999px; background:#b2afe6; }
  .answer-head h2 { margin-top:4px; font-size:14px; line-height:1.38; }
  .answer-tip { margin-bottom:8px; padding-block:6px; }
  .answer-workspace .composer { min-height:112px; grid-template-rows:minmax(42px,1fr) auto; padding-top:9px; }
  .answer-workspace .composer textarea { min-height:38px; max-height:54px; }
  .composer-tip { display:none; }
  .answer-workspace[data-stage="intro"],.answer-workspace[data-stage="reading"] { grid-template-rows:auto auto minmax(190px,1fr) auto; }
}

@media (max-width: 900px) {
  body { overflow:auto; }
  .app-shell,.main-panel { height:auto; min-height:100vh; overflow:visible; }
  .main-panel { grid-template-rows:72px auto auto; }
  .journey-topbar { position:sticky; top:0; grid-template-columns:auto minmax(0,1fr) auto; min-height:72px; z-index:20; padding:0 12px; }
  .mini-brand,.topbar-brand > strong { display:none; }
  .journey-steps { grid-column:2; }
  .journey-steps li { gap:4px; }
  .journey-steps li > span { width:28px; height:28px; font-size:10px; }
  .journey-steps li strong { display:none; }
  .journey-steps li:not(:last-child)::after { left:calc(50% + 20px); right:calc(-50% + 20px); }
  .records-toggle span,.user-menu-btn small,.user-menu-btn b,.user-menu-btn::before { display:none; }
  .user-menu-btn { width:38px; min-height:38px; padding:0; border:1px solid #e2e3eb; }
  .user-menu-btn span { display:block; grid-column:1; max-width:32px; font-size:0; }
  .user-menu-btn span::first-letter { font-size:11px; }
  .journey-workspace { display:flex; flex-direction:column; overflow:visible; }
  .answer-workspace { order:1; min-height:650px; margin:14px; padding:22px 14px 16px; }
  .reading-workspace { order:2; border-right:0; padding:24px 16px; }
  .journey-history { order:3; border-right:0; border-top:1px solid var(--journey-line); padding:24px 14px; max-height:460px; }
  .pane-heading button { display:none; }
  .article-body { padding:18px; }
  .journey-footer { position:sticky; bottom:0; z-index:18; grid-template-columns:38px minmax(0,1fr) auto; padding:10px 12px; }
  .footer-progress-copy { display:none; }
  .journey-footer .progress-track { grid-column:2; }
  .footer-report-btn { min-height:42px; padding-inline:14px; }
  .summary-cards { grid-template-columns:1fr; }
}

@media (max-width: 520px) {
  .journey-topbar { grid-template-columns:38px minmax(120px,1fr) 80px; }
  .journey-steps { gap:0; }
  .topbar-actions { gap:4px; }
  .records-toggle { width:36px; min-height:36px; padding:0; justify-content:center; }
  .user-menu-btn { max-width:36px; }
  .answer-head { display:block; }
  .answer-head .question-domain { display:inline-block; margin-top:9px; }
  .answer-head h2 { font-size:16px; }
  .composer { min-height:160px; }
  .composer-footer { grid-template-columns:minmax(0,1fr) auto auto; gap:8px; }
  .composer-footer > small { display:none; }
  .composer-input-modes > span { display:none; }
  .photo-answer-btn,.voice-answer-btn { min-height:44px; padding:7px 10px; }
  .journey-footer { grid-template-columns:34px minmax(80px,1fr) auto; gap:9px; }
  .footer-report-btn { max-width:140px; font-size:10px; }
}

@media print {
  .journey-history,.answer-workspace,.journey-footer { display:none !important; }
  .journey-workspace { display:block; }
  .reading-workspace { padding:0; overflow:visible; }
}
.answer-head h2{white-space:pre-line;overflow-wrap:anywhere}
.choice-options{display:grid;gap:.6rem;margin-top:1rem;max-width:42rem}.choice-option{border:1px solid var(--line,#dfe2eb);background:#fff;border-radius:12px;padding:.75rem 1rem;text-align:left;cursor:pointer;color:var(--ink,#252630);font:inherit;line-height:1.5;overflow-wrap:anywhere}.choice-option:hover,.choice-option.selected{border-color:var(--accent,#625ee8);background:#f1f0ff}.choice-option:focus-visible{outline:3px solid #b7b4ff;outline-offset:2px}
.answer-workspace.showing-choices .answer-head{max-height:none!important;overflow:visible!important}.answer-workspace.showing-choices .choice-options{padding-bottom:8px}
.choice-composer{display:flex;flex-direction:column;gap:10px;min-height:0;max-height:min(42vh,360px);overflow-y:auto;padding:8px 4px 4px;border:1px solid #e9e8f4;border-radius:13px;background:#fcfcff;scrollbar-width:thin;scrollbar-color:#b2afe6 #f2f2f7}.choice-composer::-webkit-scrollbar{width:9px}.choice-composer::-webkit-scrollbar-track{background:#f2f2f7;border-radius:999px}.choice-composer::-webkit-scrollbar-thumb{border:2px solid #f2f2f7;border-radius:999px;background:#b2afe6}.choice-composer .choice-options{order:0;margin-top:0;max-width:none}.choice-composer .composer{order:1}.choice-composer .composer-input-modes,.choice-composer .composer-tip{display:none}.choice-composer .composer{min-height:92px}.choice-composer .composer textarea{min-height:38px}.choice-confirm{position:sticky;bottom:0;z-index:1;width:100%;min-height:44px;border:1px solid #5f5ae8;border-radius:11px;background:#5f5ae8;color:#fff;cursor:pointer;font:700 12px/1 inherit;box-shadow:0 -8px 16px rgba(252,252,255,.92)}.choice-confirm:hover{background:#4d47d3}.choice-confirm:disabled{opacity:.55;cursor:default}
@media (max-width:900px){
  .answer-workspace.showing-choices{grid-template-rows:auto auto minmax(130px,1fr) auto;overflow:hidden}
  .answer-workspace.showing-choices .answer-head{max-height:none;overflow:visible}
  .answer-workspace.showing-choices .choice-options{max-height:none;overflow:visible}
  .answer-workspace.showing-choices .choice-composer .composer{display:none}
  .answer-workspace.showing-choices .chat-scroll{min-height:130px}
}

.assessment-timer { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:6px 10px; border:1px solid #e6e5f4; border-radius:10px; color:#5652ba; background:#faf9ff; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.assessment-timer i { font-size:13px; }
.question-actions .quick-chip.skip-chip { min-height:40px; padding:8px 14px; font-size:10px; }
@media (max-width:700px){.assessment-timer{display:none!important;}}