.oc-rc-tool{margin:22px 0 26px;border:1px solid #dbe5ef;border-radius:24px;background:#f8fbff;overflow:hidden;box-shadow:0 14px 34px rgba(17,42,70,.08)}
.oc-rc-head{padding:22px 24px;border-bottom:1px solid #dbe5ef;background:#fff;display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.oc-rc-head h2{margin:0 0 6px;font-size:clamp(1.35rem,2.2vw,1.85rem)}.oc-rc-head p{margin:0;color:#526377;max-width:760px}.oc-rc-private{font-size:.82rem;font-weight:700;color:#30516f;background:#eef6ff;border:1px solid #d7e9fa;border-radius:999px;padding:7px 10px;white-space:nowrap}
.oc-rc-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;padding:18px}.oc-rc-panel,.oc-rc-stage,.oc-rc-practice,.oc-rc-worksheet{background:#fff;border:1px solid #dce6ef;border-radius:20px;min-width:0}.oc-rc-pad{padding:20px}.oc-rc-label{display:block;font-weight:750;color:#24384c;margin-bottom:7px}.oc-rc-field{margin-bottom:15px}.oc-rc-field input,.oc-rc-field select{width:100%;box-sizing:border-box;border:1px solid #cbd7e2;border-radius:12px;background:#fff;color:#172b3f;padding:11px 12px;font:inherit;min-height:44px}.oc-rc-field input:focus,.oc-rc-field select:focus{outline:3px solid rgba(43,123,190,.18);border-color:#2f7fc0}
.oc-rc-fields2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oc-rc-quick{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.oc-rc-chip{border:1px solid #cbd7e2;background:#fff;color:#24445f;border-radius:999px;padding:9px 12px;font-weight:750;cursor:pointer;min-height:42px}.oc-rc-chip:hover{border-color:#7fa7ca}.oc-rc-chip.is-active{background:#173f67;color:#fff;border-color:#173f67}.oc-rc-options{display:grid;gap:8px;margin:6px 0 16px}.oc-rc-check{display:flex;align-items:center;gap:9px;font-weight:650;color:#314b62}.oc-rc-check input{width:20px;height:20px}.oc-rc-note{font-size:.9rem;color:#607286;margin:8px 0 0}.oc-rc-actions{display:flex;flex-wrap:wrap;gap:9px}.oc-rc-btn{border:1px solid #bdd0e2;border-radius:12px;background:#fff;color:#173f67;padding:10px 14px;min-height:44px;font-weight:800;cursor:pointer}.oc-rc-btn.primary{background:#173f67;color:#fff;border-color:#173f67}.oc-rc-btn:disabled{opacity:.52;cursor:not-allowed}
.oc-rc-stage{padding:22px;display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;overflow:hidden}.oc-rc-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(53,137,203,.10),transparent 52%);pointer-events:none}.oc-rc-stage>*{position:relative}.oc-rc-status{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#5a6c7c;font-size:.9rem;font-weight:700}.oc-rc-number{font-size:clamp(5rem,15vw,10rem);line-height:1;font-weight:900;letter-spacing:-.055em;color:#122b43;margin:18px 0 10px;font-variant-numeric:tabular-nums}.oc-rc-number.is-pop{animation:ocRcPop .18s ease-out}.oc-rc-seq{color:#5a6c7c;font-size:clamp(.95rem,2vw,1.1rem);min-height:1.6em}.oc-rc-progress{height:10px;background:#e8eef4;border-radius:999px;overflow:hidden;margin:20px 0 10px}.oc-rc-progress>span{display:block;height:100%;width:0;background:#2f7fc0;border-radius:inherit;transition:width .18s linear}.oc-rc-big-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.oc-rc-big-actions .oc-rc-btn{min-width:104px}.oc-rc-message{min-height:1.4em;margin:15px 0 0;color:#445b70}.oc-rc-kbd{margin-top:12px;font-size:.82rem;color:#738292}.oc-rc-kbd kbd{border:1px solid #cbd7e2;border-bottom-width:2px;background:#fff;border-radius:6px;padding:2px 6px;color:#31465a}
.oc-rc-learning{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 18px 18px}.oc-rc-practice,.oc-rc-worksheet{padding:20px}.oc-rc-practice h3,.oc-rc-worksheet h3{margin:0 0 6px;font-size:1.2rem}.oc-rc-practice p,.oc-rc-worksheet p{color:#607286}.oc-rc-question{border-radius:16px;background:#f4f8fc;padding:18px;margin:14px 0;font-size:1.15rem;font-weight:800;color:#183a58}.oc-rc-answerrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.oc-rc-answerrow input{min-width:0;border:1px solid #cbd7e2;border-radius:12px;padding:11px 12px;font:inherit;font-size:16px}.oc-rc-score{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#4c6175;font-weight:700}.oc-rc-feedback{min-height:1.4em;font-weight:800;margin:10px 0 0}.oc-rc-feedback.good{color:#167044}.oc-rc-feedback.bad{color:#a6403c}
.oc-rc-worksheet-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.oc-rc-sheet{border:1px dashed #b8c8d7;border-radius:16px;padding:16px;margin-top:14px;background:#fff}.oc-rc-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #dce6ef;padding-bottom:10px;margin-bottom:12px}.oc-rc-sheet-head h4{margin:0;font-size:1.05rem}.oc-rc-sheet-meta{font-size:.82rem;color:#63788b}.oc-rc-sheet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.oc-rc-cell{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e8ef;border-radius:8px;font-weight:800;font-variant-numeric:tabular-nums}.oc-rc-cell.blank{border-bottom:2px solid #687e91;color:transparent;background:#fbfdff}.oc-rc-sheet.show-answers .oc-rc-cell.blank{color:#8c4f14;background:#fff9ef}.oc-rc-sheet-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.oc-rc-static-seq{font-variant-numeric:tabular-nums;line-height:1.9;background:#f7fafc;border:1px solid #e1e8ee;border-radius:14px;padding:14px 16px;color:#314b62}.oc-rc-tablewrap{overflow:auto}.oc-rc-tablewrap table{width:100%;border-collapse:collapse;min-width:600px}.oc-rc-tablewrap th,.oc-rc-tablewrap td{text-align:left;padding:10px 12px;border-bottom:1px solid #e1e8ee}.oc-rc-tablewrap th{background:#f5f8fb;color:#263f57}.oc-rc-source-note{font-size:.92rem;color:#617488}.oc-rc-source-note a{font-weight:700}
@keyframes ocRcPop{0%{transform:scale(.96);opacity:.72}100%{transform:scale(1);opacity:1}}
@media (max-width:820px){.oc-rc-head{padding:18px;flex-direction:column}.oc-rc-private{white-space:normal}.oc-rc-grid,.oc-rc-learning{grid-template-columns:1fr;padding:12px;gap:12px}.oc-rc-learning{padding-top:0}.oc-rc-stage{min-height:360px}.oc-rc-number{font-size:clamp(5rem,34vw,8rem)}.oc-rc-pad,.oc-rc-practice,.oc-rc-worksheet{padding:16px}}
@media (max-width:480px){.oc-rc-fields2,.oc-rc-worksheet-controls{grid-template-columns:1fr}.oc-rc-sheet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.oc-rc-cell{font-size:.9rem;min-height:34px}.oc-rc-big-actions .oc-rc-btn{flex:1 1 42%;min-width:0}.oc-rc-status{font-size:.8rem}.oc-rc-stage{padding:16px;min-height:330px}}
@media (prefers-reduced-motion:reduce){.oc-rc-number.is-pop{animation:none}.oc-rc-progress>span{transition:none}}
@media print{body.oc-rc-printing *{visibility:hidden!important}body.oc-rc-printing .oc-rc-sheet,body.oc-rc-printing .oc-rc-sheet *{visibility:visible!important}body.oc-rc-printing .oc-rc-sheet{position:absolute;left:0;top:0;width:100%;border:0;border-radius:0;padding:10mm;background:#fff;color:#000}body.oc-rc-printing .oc-rc-sheet-actions{display:none!important}body.oc-rc-printing .oc-rc-cell{border-color:#aaa;color:#000}body.oc-rc-printing .oc-rc-cell.blank{color:transparent!important;border-bottom:2px solid #333!important}body.oc-rc-printing .oc-rc-sheet.show-answers .oc-rc-cell.blank{color:#000!important}}