.training-theme{background:#f4f6f2!important;color:#1d1d1f!important;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.training-shell{width:100%;min-width:0;max-width:1320px;margin:auto;padding:34px 38px 90px;color:#1d1d1f}
.training-shell button{font:inherit;cursor:pointer}.training-shell button:disabled{cursor:wait;opacity:.6}.training-shell button:focus-visible,.training-shell input:focus-visible,.training-shell textarea:focus-visible,.training-shell summary:focus-visible{outline:3px solid #0071e3;outline-offset:4px}
.training-shell .btn{border:1px solid #0071e3;background:#0071e3;color:#fff;border-radius:12px;padding:12px 22px;box-shadow:none;font-size:14px;font-weight:600}.training-shell .btn.secondary{background:#fff;color:#0071e3;border-color:#d2d2d7}
.training-shell p{line-height:1.8}.training-shell h1,.training-shell h2,.training-shell h3,.training-shell h4{color:#1d1d1f;letter-spacing:-.025em;line-height:1.4}.training-shell [hidden]{display:none!important}
.training-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;color:#6e6e73;font-size:11px;letter-spacing:.1em}.training-topline button{border:0;background:none;color:#6e6e73;padding:8px 0;font-size:13px;letter-spacing:0}
.training-eyebrow{font-size:11px;letter-spacing:.13em;color:#6e6e73;line-height:1.8}.training-heading{margin:0 0 38px}.training-heading h1{font-size:42px;letter-spacing:-.045em;font-weight:650;margin:12px 0}.training-heading p{color:#6e6e73;margin:0 0 22px}
.training-setup{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px}.training-source-card{padding:32px;background:#e8eee6;border:1px solid #f5f5f7;border-radius:20px;min-width:0}.training-source-card h2{font-size:25px;font-weight:600;line-height:1.45;margin:20px 0}.training-source-card p,.training-source-card small{color:#6e6e73;font-size:12px}.training-source-preview{font-family:Georgia,serif;font-size:16px;line-height:1.9;max-height:330px;overflow:auto;margin:28px 0;padding-right:14px;color:#1d1d1f}
.training-config{padding:32px;background:white;border-radius:20px;border:1px solid #e0e7df}.training-config fieldset{padding:0;border:0;margin:0 0 28px}.training-config legend{font-size:17px;font-weight:650;margin-bottom:16px}.training-goals{display:grid;gap:10px}.training-goals label,.training-paces label{display:flex;gap:13px;align-items:center;cursor:pointer;background:#f8faf7;border:1px solid #e4ebe1;border-radius:12px;padding:16px}.training-goals label:has(input:checked),.training-paces label:has(input:checked){border-color:#0071e3;background:#eff6eb;box-shadow:0 0 0 1px rgba(0, 113, 227, 0.0784)}.training-shell input[type=radio]{accent-color:#0071e3;flex-shrink:0;width:16px;height:16px}.training-goals strong,.training-paces strong{display:block;font-size:14px}.training-goals small,.training-paces small{display:block;color:#6e6e73;font-size:12px;margin-top:6px;line-height:1.6}.training-paces{display:grid;grid-template-columns:1fr 1fr;gap:10px}.training-paces label{align-items:flex-start}.training-plan-preview{padding:17px 0;border-top:1px solid #e5ebe1;border-bottom:1px solid #e5ebe1;font-size:12px}.training-plan-preview p{margin-bottom:0;line-height:2.1}.training-plan-preview span{color:#a1a1a6;padding:0 4px}.training-note{font-size:12px;color:#6e6e73}.training-start{width:100%;margin-top:10px}.training-error,#trainingSetupError{color:#994f33;background:#fff4ed;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.7}
.training-course-head{display:flex;align-items:center;gap:40px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #f5f5f7}.training-course-head>div:first-child{flex:1;min-width:0}.training-course-head h1{font-size:26px;margin:10px 0;max-width:950px}.training-course-head p{font-size:12px;color:#6e6e73;margin:0}.training-course-head button{background:none;border:0;font-size:12px;color:#0071e3;padding:0 12px}.training-course-progress{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:95px}.training-course-progress strong{font-size:36px;font-weight:500}.training-course-progress small{font-size:18px;color:#a1a1a6}.training-course-progress>span{font-size:12px;color:#6e6e73}
.training-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.training-roadmap{position:sticky;top:30px;padding:12px 0}.training-roadmap>span{padding-left:14px}.training-roadmap nav{display:grid;gap:8px;margin-top:15px}.training-roadmap button{border:1px solid transparent;background:none;display:flex;align-items:center;text-align:left;gap:15px;border-radius:12px;padding:15px 12px;color:#6e6e73}.training-roadmap button[aria-current]{background:#f5f5f7;border-color:#d2d2d7;color:#1d1d1f}.training-step-number{width:27px;font-size:16px;color:#6e6e73}.training-roadmap strong{font-size:14px;display:block;font-weight:550}.training-roadmap small{display:block;font-size:11px;margin-top:6px;color:#6e6e73}
.training-workspace{padding:30px 38px;background:white;border:1px solid #e0e7dc;border-radius:20px;min-width:0;min-height:650px;box-shadow:0 18px 45px rgba(29, 29, 31, 0.0235)}.training-save-line{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin-bottom:26px;font-size:11px;color:#6e6e73}.training-save-line button{background:none;border:0;color:#6e6e73;font-size:11px;text-decoration:underline;text-underline-offset:3px}.training-module-head h2{font-size:31px;font-weight:600;margin:6px 0 22px}.training-lead{color:#6e6e73;font-size:15px}.training-reading{padding:8px 0 20px}.training-reading>p{font-size:18px;line-height:1.95;position:relative;padding-left:37px;margin:22px 0;color:#1d1d1f}.training-reading>p>span{position:absolute;left:0;top:5px;font:12px -apple-system,sans-serif;color:#a1a1a6}.training-audio{border:1px solid #f5f5f7;border-radius:20px;background:#f3f8f0;color:#0071e3;font-size:12px;padding:7px 13px;white-space:nowrap}.training-reading .training-audio{display:block;margin-top:8px}
.training-explanation{background:#f5f8f1;border:1px solid #e1e8da;border-radius:12px;margin:15px 0;padding:16px 20px}.training-shell summary{cursor:pointer;font-size:13px;line-height:1.7;color:#6e6e73}.training-explanation p,.training-breakdown p{font-size:14px;color:#6e6e73}.training-evidence{border-top:1px solid #f5f5f7;margin:14px 0 0;padding:13px 0;font-size:13px;overflow-wrap:anywhere}.training-evidence p{font-size:14px;color:#6e6e73;margin:10px 0}.training-evidence p>span{color:#a1a1a6;padding-right:12px}.training-evidence>summary{color:#6e6e73}.training-explanation h4{margin:15px 0 0;font-size:20px}
.training-vocab{display:grid;gap:24px}.training-vocab article{border-bottom:1px solid #e3eadd;padding-bottom:24px}.training-vocab-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.training-vocab h3{font-size:28px;font-weight:550;margin:16px 0}.training-rating{display:flex;flex-wrap:wrap;gap:10px}.training-rating button,.training-expression-actions>button,.training-summary-word button,.training-summary-section>button,.training-conflict button{background:white;color:#6e6e73;border:1px solid #f5f5f7;border-radius:9px;padding:9px 14px;font-size:12px}.training-rating button[aria-pressed=true]{background:#f5f5f7;border-color:#0071e3;color:#1d1d1f}.training-rating button:last-child{margin-left:auto}
.training-shell blockquote{font-size:21px;font-weight:450;line-height:1.85;color:#1d1d1f;border-left:3px solid #0071e3;margin:20px 0;padding:10px 0 10px 22px;overflow-wrap:anywhere}.training-answer-label{display:block;font-size:14px;font-weight:550;margin:28px 0 12px}.training-shell textarea{display:block;width:100%;padding:17px;border:1px solid #d2d2d7;background:#fafcf8;border-radius:12px;resize:vertical;font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#1d1d1f;min-height:150px}.training-shell textarea:focus{background:white;border-color:#a1a1a6}.training-answer-hint{display:block;font-size:11px;color:#a1a1a6;margin:10px 0}.training-breakdown{margin-top:30px;padding:22px;background:#f6f9f2;border-radius:12px}.training-breakdown>div{border-bottom:1px solid #f5f5f7;padding:14px 0}.training-breakdown>div>span{font-size:12px;color:#0071e3}.training-breakdown blockquote{font-size:17px;margin:10px 0;padding:0;border:0}.training-takeaway{padding:12px 15px;background:#f5f5f7;border-radius:8px}
.training-question{border:0;padding:0;margin:30px 0}.training-question legend{font-size:17px;font-weight:550;line-height:1.8;margin-bottom:15px}.training-question label{display:flex;gap:11px;align-items:flex-start;padding:13px 16px;margin:9px 0;border:1px solid #e1e8dc;border-radius:10px;cursor:pointer;font-size:14px;line-height:1.7}.training-question label:has(input:checked){background:#f5f5f7;border-color:#a1a1a6}.training-question input{margin-top:4px}.training-question b{font-size:12px;color:#a1a1a6;margin-right:13px}.training-quiz-feedback{padding:18px;border-radius:10px;background:#faf4e8;font-size:13px;margin-top:16px}.training-quiz-feedback.correct{background:#f5f5f7}.training-quiz-feedback strong{color:#88652a}.training-quiz-feedback.correct strong{color:#6e6e73}
.training-listen-art{display:flex;align-items:center;justify-content:center;gap:7px;height:180px;background:linear-gradient(130deg,#eef4e8,#f9fbf5);border-radius:14px}.training-listen-art i{height:var(--bar);width:4px;border-radius:3px;background:#0071e3}.training-listen-button{text-align:center;margin:20px 0}.training-listen-button button{font-size:16px;padding:13px 24px}.training-expression-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.training-score{display:flex;align-items:center;gap:25px;background:#f5f5f7;border-radius:12px;padding:24px;margin-top:30px}.training-score>strong{font-size:46px;font-weight:550;color:#0071e3}.training-score small{font-size:15px;color:#a1a1a6}.training-score p{font-size:13px;margin:0}.training-score h3{margin:0 0 8px}.training-dimensions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.training-dimensions>div{padding:16px;border:1px solid #e1e8dc;border-radius:10px;font-size:12px}.training-dimensions strong{float:right}.training-dimensions p{color:#6e6e73;margin-bottom:0}.training-notice{padding:15px;background:#eff5e8;border-radius:10px}
.training-module-footer{border-top:1px solid #e1e8db;margin-top:35px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.training-module-footer p{font-size:12px;color:#a1a1a6}.training-module-footer>div{display:flex;gap:10px;flex-wrap:wrap}.training-ai-note{font-size:11px;color:#a1a1a6;margin:25px 0 0;line-height:1.8}.training-empty,.training-wait{text-align:center;padding:70px 20px;color:#6e6e73;line-height:1.9}.training-empty h1,.training-wait h2{font-size:24px}.training-empty .btn{margin:8px}.training-wait{padding:100px 20px}.training-orbit{display:block;width:45px;height:45px;border-radius:50%;border:2px solid #f5f5f7;border-top-color:#0071e3;margin:0 auto 25px;animation:training-orbit 1.7s linear infinite}.training-orbit.is-error{animation:none;border-color:#c6ae89}
.training-history{display:grid;gap:15px}.training-history article{padding:26px 30px;background:#fff;border:1px solid #f5f5f7;border-radius:15px;display:flex;gap:25px;align-items:center;justify-content:space-between}.training-history h2{font-size:20px;margin:9px 0;max-width:870px}.training-history p{font-size:12px;color:#6e6e73;margin:0}.training-history button{flex-shrink:0}.training-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.training-summary-stats>div{padding:23px 15px;border-radius:12px;background:#f2f7ec;display:flex;flex-direction:column;gap:8px}.training-summary-stats strong{font-size:34px;color:#0071e3;font-weight:500}.training-summary-stats span{font-size:11px;color:#6e6e73}.training-summary-section{margin:35px 0}.training-summary-section h2{font-size:20px}.training-summary-word{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f5f5f7}.training-summary-word strong{font-size:18px;font-weight:500}.training-summary-word small{display:block;margin-top:7px;color:#a1a1a6}.training-summary-actions{display:flex;gap:12px;flex-wrap:wrap}.training-conflict{display:flex;gap:12px;margin:15px 0}
.training-card-actions{display:flex!important;align-items:center;gap:15px}.training-card-actions button{background:#f5f5f7;border:1px solid #f5f5f7;color:#0071e3;border-radius:8px;padding:6px 10px;font:12px -apple-system,sans-serif;cursor:pointer}.training-paper-entry{white-space:nowrap}
@keyframes training-orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.training-shell{padding:25px 22px 110px}.training-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}.training-workspace{padding:24px}.training-setup{gap:20px}.training-config,.training-source-card{padding:23px}.training-paces{grid-template-columns:1fr}.training-course-head h1{font-size:23px}}
@media(max-width:768px){.training-shell{padding:20px 16px 110px}.training-topline{margin-bottom:22px}.training-topline>span{font-size:9px}.training-heading h1{font-size:31px}.training-heading p{font-size:13px}.training-setup{display:flex;flex-direction:column}.training-source-card{padding:20px}.training-source-card h2{font-size:19px;margin:10px 0}.training-source-preview{max-height:120px;font-size:14px;margin:15px 0}.training-layout{display:block}.training-roadmap{position:static;padding:0 0 17px}.training-roadmap>span{display:none}.training-roadmap nav{display:flex;overflow:auto;gap:7px;margin:0;padding-bottom:6px}.training-roadmap button{flex-shrink:0;padding:10px;gap:7px;border-color:#f5f5f7}.training-roadmap strong{font-size:12px}.training-roadmap small{font-size:10px}.training-step-number{font-size:13px;width:18px}.training-workspace{padding:20px 18px;border-radius:15px;min-height:450px}.training-course-head{gap:14px;align-items:flex-start;margin-bottom:19px;padding-bottom:18px}.training-course-head h1{font-size:19px}.training-course-progress{min-width:58px}.training-course-progress strong{font-size:26px}.training-course-progress small{font-size:12px}.training-course-progress>span{font-size:10px}.training-course-head .training-eyebrow{font-size:10px}.training-module-head h2{font-size:27px}.training-reading>p{font-size:17px;padding-left:25px}.training-module-footer{display:block}.training-module-footer>div{display:grid;grid-template-columns:1fr 1fr}.training-module-footer .btn{font-size:12px;padding:11px}.training-rating{gap:7px}.training-rating button{padding:9px 10px}.training-rating button:last-child{margin-left:0}.training-shell blockquote{font-size:18px;padding-left:14px}.training-breakdown{padding:16px}.training-listen-art{gap:4px;height:150px}.training-listen-art i{width:3px}.training-save-line{font-size:10px;gap:10px}.training-summary-stats{gap:7px}.training-summary-stats>div{padding:15px 10px}.training-summary-stats strong{font-size:27px}.training-summary-stats span{font-size:10px}.training-history article{display:block;padding:22px}.training-history h2{font-size:18px}.training-history button{margin-top:18px;width:100%}.training-dimensions{grid-template-columns:1fr}.training-score{padding:18px;gap:16px}.training-paces{grid-template-columns:1fr 1fr}.training-paces label{padding:12px}.training-wait{padding:65px 6px}.training-card-actions{gap:7px}.training-card-actions button{font-size:11px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.training-orbit{animation:none}}
.training-timer{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #f5f5f7;background:#f2f7ea;border-radius:12px;padding:17px 20px;margin:20px 0}.training-timer strong{font-size:14px}.training-timer p{font-size:12px;margin:8px 0 0;color:#6e6e73}.training-timer button{flex-shrink:0;font-size:12px}.training-timer [data-training-overtime]{border:1px solid #d2d2d7;background:white;color:#0071e3;border-radius:9px;padding:9px}.training-shell textarea:disabled{opacity:.7}.training-timer [hidden]{display:none!important}
@media(max-width:768px){.training-timer{align-items:flex-start;flex-direction:column}}
@media(max-width:768px){.training-theme .training-shell{padding-top:calc(76px + env(safe-area-inset-top))}.training-layout,.training-roadmap,.training-workspace{min-width:0;max-width:100%}.training-roadmap nav{max-width:100%}}
