.cl-root,.cl-entry{--cl-ink:#17202b;--cl-text:#2b3440;--cl-soft:#56606c;--cl-line:#dcd8cd;--cl-hair:#ebe8df;--cl-card:#fff;--cl-paper:#faf9f7;--cl-accent:var(--lesson-accent,#1f3a5f);--cl-accent-ink:var(--lesson-accent-ink,#fff);--cl-right:#1f5fbf;--cl-right-soft:#e8f0fc;--cl-retry:#8a5a06;--cl-retry-soft:#fbf1dc;--cl-wrong:#b3261e;--cl-wrong-soft:#fbe9e7;--cl-radius:14px}.cl-root{max-width:760px;color:var(--cl-text);margin:0 auto;padding:8px 0 56px;font-size:17px;line-height:1.55}.cl-root[data-wide=true]{max-width:1120px}.cl-rail{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 20px;padding:0;list-style:none;display:grid}.cl-rail-step{border:1px solid var(--cl-hair);background:var(--cl-card);min-width:0;color:var(--cl-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.cl-rail-step[data-state=current]{border-color:var(--cl-accent);color:var(--cl-ink);box-shadow:0 0 0 1px var(--cl-accent) inset}.cl-rail-step[data-state=done]{color:var(--cl-right);background:var(--cl-right-soft);border-color:#c8d8f4}.cl-rail-dot{background:var(--cl-hair);width:24px;height:24px;color:var(--cl-ink);border-radius:50%;flex:none;place-items:center;font-size:13px;display:inline-grid}.cl-rail-step[data-state=current] .cl-rail-dot{background:var(--cl-accent);color:var(--cl-accent-ink)}.cl-rail-step[data-state=done] .cl-rail-dot{background:var(--cl-right);color:#fff}.cl-rail-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:560px){.cl-rail{gap:6px}.cl-rail-step{justify-content:center;padding:6px}.cl-rail-step:not([data-state=current]) .cl-rail-label{display:none}.cl-rail-step[data-state=current]{grid-column:span 1}.cl-rail{grid-template-columns:auto auto auto auto;justify-content:start}}.cl-mia{margin:0 0 18px}.cl-h1{color:var(--cl-ink);letter-spacing:-.01em;margin:12px 0 8px;font-size:clamp(28px,4.4vw,40px);font-weight:700;line-height:1.12}.cl-h2{color:var(--cl-ink);margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.25}.cl-lede{color:var(--cl-text);margin:0 0 22px;font-size:18px}.cl-card{border:1px solid var(--cl-line);border-radius:var(--cl-radius);background:var(--cl-card);margin:0 0 16px;padding:20px 22px}.cl-card>:last-child{margin-bottom:0}.cl-card[data-tone=retry]{background:var(--cl-retry-soft);border-color:#ecd4a4}.cl-card[data-tone=right]{background:var(--cl-right-soft);border-color:#c8d8f4}.cl-card[data-tone=wrong]{background:var(--cl-wrong-soft);border-color:#f0c4bf}.cl-error-name{color:var(--cl-ink);margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.3}.cl-error-why{margin:0 0 14px}.cl-verdict{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0 0 12px;font-weight:700;display:flex}.cl-verdict[data-tone=right]{color:var(--cl-right)}.cl-verdict[data-tone=retry]{color:var(--cl-retry)}.cl-verdict[data-tone=wrong]{color:var(--cl-wrong)}.cl-actions{flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex}.cl-btn{border:1px solid var(--cl-line);background:var(--cl-card);min-height:48px;color:var(--cl-ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.cl-btn:hover:not(:disabled){border-color:var(--cl-soft)}.cl-btn[data-primary=true]{border-color:var(--cl-accent);background:var(--cl-accent);color:var(--cl-accent-ink)}.cl-btn[data-primary=true]:hover:not(:disabled){filter:brightness(.94)}.cl-btn:disabled{opacity:.45;cursor:default}.cl-btn:focus-visible{outline-offset:2px;outline:3px solid #9cc4ff}@media (max-width:560px){.cl-actions .cl-btn{flex:100%}}.cl-skills{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cl-skill{border:1px solid var(--cl-line);background:var(--cl-card);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.cl-skill-body{flex:1;min-width:0}.cl-skill-title{color:var(--cl-ink);font-weight:700;display:block}.cl-skill-line{color:var(--cl-text);font-size:15px;display:block}.cl-skill-body .cl-chip{margin-top:6px}.cl-chip{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.cl-chip[data-tone=right]{background:var(--cl-right-soft);color:var(--cl-right)}.cl-chip[data-tone=retry]{background:var(--cl-retry-soft);color:var(--cl-retry)}.cl-skill .cl-btn{min-height:44px;padding:8px 16px;font-size:15px}@media (max-width:560px){.cl-skill{flex-wrap:wrap}.cl-skill .cl-btn{flex:100%}}.cl-count{color:var(--cl-soft);margin:0 0 8px;font-size:15px;font-weight:600}.cl-question{border:1px solid var(--cl-line);border-radius:var(--cl-radius);background:var(--cl-card);margin:0 0 16px;padding:18px 20px}.cl-question-text{color:var(--cl-ink);margin:0;font-size:20px;font-weight:600;line-height:1.4}.cl-context{border-left:3px solid var(--cl-accent);background:var(--cl-paper);margin:12px 0 0;padding:10px 14px}.cl-ask{color:var(--cl-ink);margin:18px 0 10px;font-weight:700}.cl-options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cl-option{border:1px solid var(--cl-line);background:var(--cl-card);width:100%;min-height:52px;color:var(--cl-text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:12px;padding:12px 16px;display:flex}.cl-option:hover:not(:disabled){border-color:var(--cl-soft)}.cl-option:disabled{cursor:default}.cl-option-key{border:1px solid var(--cl-line);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-grid}.cl-option[data-state=right]{border-color:var(--cl-right);background:var(--cl-right-soft)}.cl-option[data-state=right] .cl-option-key{border-color:var(--cl-right);background:var(--cl-right);color:#fff}.cl-option[data-state=wrong]{border-color:var(--cl-wrong);background:var(--cl-wrong-soft)}.cl-option[data-state=wrong] .cl-option-key{border-color:var(--cl-wrong);background:var(--cl-wrong);color:#fff}.cl-option-why{margin-top:4px;font-size:15px;display:block}.cl-timebar{z-index:5;border:1px solid var(--cl-line);background:var(--cl-card);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;display:flex;position:sticky;top:0}.cl-clock{font-variant-numeric:tabular-nums;color:var(--cl-ink);font-size:22px;font-weight:700}.cl-clock[data-low=true]{color:var(--cl-retry)}.cl-score{color:var(--cl-ink);align-items:baseline;gap:10px;margin:0 0 12px;font-size:30px;font-weight:700;display:flex}.cl-score small{font-size:18px;font-weight:600}.cl-summary{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cl-summary li{border-bottom:1px solid var(--cl-hair);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.cl-summary li:last-child{border-bottom:0}.cl-summary strong{color:var(--cl-ink)}.cl-details{margin:14px 0 0}.cl-details>summary{cursor:pointer;color:var(--cl-ink);font-weight:700}.cl-rubric{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cl-row{border:1px solid var(--cl-line);background:var(--cl-card);border-left-width:4px;border-radius:12px;padding:14px 16px}.cl-row[data-status=there]{border-left-color:var(--cl-right)}.cl-row[data-status=work]{border-left-color:var(--cl-retry)}.cl-row-head{color:var(--cl-ink);justify-content:space-between;gap:12px;margin:0 0 4px;font-weight:700;display:flex}.cl-quote{background:var(--cl-paper);font-family:var(--font-serif-clone,Georgia, serif);border-radius:8px;margin:8px 0 0;padding:8px 12px;font-style:italic}.cl-rewrite textarea{border:1px solid var(--cl-line);width:100%;min-height:160px;color:var(--cl-ink);font:inherit;resize:vertical;background:#fff;border-radius:10px;margin:10px 0 0;padding:12px 14px;line-height:1.55}.cl-player{margin:0 0 24px}.cl-remedy-root{background:0 0}.cl-entry{border:1px solid var(--cl-line,#dcd8cd);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:18px 20px;display:flex}.cl-entry-copy{min-width:0}.cl-entry-title{color:var(--cl-ink,#17202b);font-size:19px;font-weight:700;display:block}.cl-entry-line{color:var(--cl-text,#2b3440);font-size:16px;display:block}.cl-entry>.cl-btn{white-space:nowrap;flex:none}@media (max-width:560px){.cl-entry{flex-direction:column;align-items:stretch}}.cl-tasks{margin:12px 0 0;padding-left:22px}.cl-tasks li{margin:2px 0}