.btn-primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #f9731659}.btn-primary-action:hover:not(:disabled){background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #f973168c,0 0 0 3px #f9731633}.btn-primary-action:active:not(:disabled){background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);transform:translateY(0)scale(.98);box-shadow:0 3px 8px #ea580c73,0 0 0 2px #f9731626}.btn-primary-action:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#cbd5e1;transform:none}.btn-play-audio{color:#fff;cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:10px;margin-top:11px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #d9770640;background:linear-gradient(135deg,#ffb560,#ff750b)!important}.btn-play-audio:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-secondary-action{background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);border:1px solid var(--border-color,#94a3b84d);cursor:pointer;border-radius:16px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-secondary-action:hover:not(:disabled){color:#c2410c;background:#f9731614;border-color:#f97316}.option-card-btn{text-align:left;border:1px solid var(--border-color,#94a3b840);background:var(--bg-card,#fff);width:100%;color:var(--text-primary,#0f172a);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:12px 18px;font-size:.92rem;font-weight:600;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 6px #00000005}.option-card-btn:hover:not(:disabled){color:#c2410c;background:#fff7ed;border-color:#f97316;transform:translateY(-1px)}.option-card-btn--selected{color:#c2410c!important;background:#fff7ed!important;border:1.5px solid #f97316!important;box-shadow:0 4px 14px #f973161f!important}.option-card-badge{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:inline-flex}.option-card-btn--selected .option-card-badge{color:#c2410c;background:#ffedd5;border:1.5px solid #f97316}[data-theme=dark] .btn-primary-action:disabled{color:#64748b;background:#334155}[data-theme=dark] .btn-secondary-action{color:#f8fafc;background:#1e293b;border-color:#ffffff26}[data-theme=dark] .btn-secondary-action:hover:not(:disabled){color:#ffedd5;background:#f973162e;border-color:#f97316}[data-theme=dark] .option-card-btn{color:#f8fafc;background:#1e293b;border-color:#ffffff26}[data-theme=dark] .option-card-btn:hover:not(:disabled){color:#ffedd5;background:#f973162e;border-color:#f97316}[data-theme=dark] .option-card-btn--selected{color:#ffedd5!important;background:#f9731640!important;border-color:#f97316!important}[data-theme=dark] .option-card-badge{color:#94a3b8;background:#0f172a;border-color:#ffffff26}[data-theme=dark] .option-card-btn--selected .option-card-badge{color:#ffedd5;background:#f973164d;border-color:#f97316}.option-card-btn:disabled{cursor:not-allowed;opacity:1!important}[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(34, 197, 94)"],[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(74, 222, 128)"]{color:#bbf7d0!important;background:#22c55e38!important;border-color:#4ade80!important;box-shadow:inset 0 0 0 1px #4ade8040!important}[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(239, 68, 68)"],[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(248, 113, 113)"]{color:#fecaca!important;background:#ef444438!important;border-color:#f87171!important;box-shadow:inset 0 0 0 1px #f8717140!important}[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(255, 247, 237)"]{color:#ffedd5!important;background:#f9731640!important;border-color:#f97316!important}[data-theme=dark] .work-page-wrapper .option-card-btn[style*="background: rgb(255, 255, 255)"]{color:#f8fafc!important;background:#1e293b!important;border-color:#ffffff26!important}[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(34, 197, 94)"] .option-card-badge,[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(74, 222, 128)"] .option-card-badge{color:#bbf7d0;background:#4ade8040;border-color:#4ade80}[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(239, 68, 68)"] .option-card-badge,[data-theme=dark] .work-page-wrapper .option-card-btn[style*="rgb(248, 113, 113)"] .option-card-badge{color:#fecaca;background:#f8717140;border-color:#f87171}[data-theme=dark] .work-page-wrapper [style*="rgb(21, 128, 61)"]{color:#86efac!important}[data-theme=dark] .work-page-wrapper [style*="rgb(22, 163, 74)"]{color:#6ee7a0!important}[data-theme=dark] .work-page-wrapper [style*="rgb(22, 101, 52)"]{color:#86efac!important}[data-theme=dark] .work-page-wrapper [style*="rgb(185, 28, 28)"],[data-theme=dark] .work-page-wrapper [style*="rgb(220, 38, 38)"],[data-theme=dark] .work-page-wrapper [style*="rgb(153, 27, 27)"]{color:#fca5a5!important}[data-theme=dark] .work-page-wrapper button:disabled{opacity:.75}[data-theme=dark] .work-page-wrapper button:disabled:not(.btn-primary-action):not(.option-card-btn):not(.btn-play-audio):not(.collo-btn){color:#94a3b8!important;background:#1e293b!important;border-color:#ffffff1f!important}[data-theme=dark] .work-page-wrapper span[style*="rgb(22, 163, 74)"],[data-theme=dark] .work-page-wrapper span[style*="rgb(22, 101, 52)"]{color:#6ee7a0!important}[data-theme=dark] .work-page-wrapper span[style*="rgb(220, 38, 38)"]{color:#fca5a5!important}[data-theme=dark] .work-page-wrapper button[style*="background: var(--text-muted"]{color:#f8fafc!important;background:#3d2c17!important;border-color:#fff3!important}[data-theme=dark] .work-page-wrapper div[style*="background-image: url"]{background-color:#182232!important;background-image:none!important}[data-theme=dark] .work-page-wrapper div[style*="rgb(217, 253, 211)"]{color:#d1fae5!important;background:#14532d!important}[data-theme=dark] .work-page-wrapper .exercise-column>div[style*="max-width: 900px"]{background:#1a2d45!important;border:1px solid #ffffff1a!important;border-radius:20px!important;padding:16px!important}[data-theme=dark] .work-page-wrapper .work-page-main .exercise-container .exercise-column span[style*="var(--color-warm-brown-50,"],[data-theme=dark] .work-page-wrapper .work-page-main .exercise-container .exercise-column button[style*="var(--color-warm-brown-50,"]{color:#8bb8d6!important;background:#1e2d40!important;border-color:#8bb8d659!important}[data-theme=dark] .work-page-wrapper .work-page-main .exercise-container .exercise-column span[style*=var\(--color-warm-brown-700]{color:#8bb8d6!important;background:#1e2d40!important;border-color:#8bb8d64d!important}[data-theme=dark] .work-page-wrapper .work-page-main .exercise-container .exercise-column div[style*="var(--color-warm-brown-50,"]{background:#1e2d40!important;border-color:#8bb8d666!important}[data-theme=dark] .work-page-wrapper div[style*="rgba(59, 130, 246, 0.1)"],[data-theme=dark] .work-page-wrapper div[style*="rgba(59,130,246,0.1)"],[data-theme=dark] .work-page-wrapper div[style*="var(--color-warm-brown-50,"],[data-theme=dark] .work-page-wrapper div[style*="var(--color-warm-brown-50, #fef3c7)"],[data-theme=dark] .work-page-wrapper div[style*="var(--color-warm-brown-200,"]{background:#3b82f624!important;border-color:#3b82f64d!important}[data-theme=dark] .work-page-wrapper .btn-secondary-action:hover:not(:disabled){color:#ffedd5!important;background:#f973162e!important;border-color:#f97316!important}@media (max-width:767px){.work-page-wrapper{position:relative!important}.work-page-wrapper .work-header{z-index:10000!important;width:auto!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;justify-content:flex-end!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:8px!important;left:auto!important;right:12px!important}.work-page-wrapper .work-close-btn{background:var(--bg-card,#fff)!important;border:1px solid var(--border-color,#94a3b859)!important;opacity:1!important;width:36px!important;height:36px!important;color:var(--text-primary,#0f172a)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:1.15rem!important;display:inline-flex!important;box-shadow:0 3px 10px #00000024!important}[data-theme=dark] .work-page-wrapper .work-close-btn{color:#fff!important;background:#1e293b!important;border-color:#ffffff38!important}.work-page-wrapper .work-page-main{padding-top:8px!important;padding-left:12px!important;padding-right:12px!important}.work-page-wrapper .workspace-layout{gap:10px!important}.work-page-wrapper .exercise-panel,.work-page-wrapper .exercise-panel--lg,.work-page-wrapper .exercise-panel--spread{border-radius:16px!important;gap:14px!important;min-height:0!important;margin-top:12px!important;padding:16px 14px!important}.work-page-wrapper .exercise-panel--sm{gap:12px!important;padding:14px!important}.work-page-wrapper .exercise-panel--md{gap:12px!important;padding:12px!important}.work-page-wrapper .exercise-stack,.work-page-wrapper .exercise-stack--md,.work-page-wrapper .exercise-stack--lg{gap:10px!important;margin-top:8px!important}.work-page-wrapper .exercise-stack--sm{gap:6px!important}.work-page-wrapper .exercise-flex-row,.work-page-wrapper .exercise-flex-between{gap:8px!important;margin-top:8px!important;margin-bottom:8px!important}.work-page-wrapper .exercise-actions,.work-page-wrapper .exercise-grid-2{gap:8px!important}.work-page-wrapper .exercise-grid-options{gap:6px!important;margin-bottom:8px!important}.work-page-wrapper .exercise-header{gap:8px!important;padding-bottom:10px!important;padding-right:44px!important}.work-page-wrapper .exercise-title--lg{font-size:1.1rem!important}.work-page-wrapper .exercise-section,.work-page-wrapper .exercise-section--inner{border-radius:10px!important;margin-bottom:4px!important;padding:12px!important}.work-page-wrapper .exercise-section--lg,.work-page-wrapper .exercise-section--xl{padding:14px!important}.work-page-wrapper .exercise-box-amber,.work-page-wrapper .exercise-box-warn{padding:12px 14px!important}.work-page-wrapper .exercise-box-blue{padding:8px 10px!important}.work-page-wrapper .exercise-tip{padding:8px 12px!important}.work-page-wrapper .exercise-card{padding:8px 10px!important}.work-page-wrapper .exercise-textarea,.work-page-wrapper .exercise-textarea--sm,.work-page-wrapper .exercise-textarea--xs{border-radius:10px!important;padding:10px 12px!important}.work-page-wrapper .exercise-input{padding:10px 12px!important}.work-page-wrapper .btn-primary-action,.work-page-wrapper .btn-secondary-action,.work-page-wrapper .btn-outline,.work-page-wrapper .btn-gradient-warm,.work-page-wrapper .btn-gradient-blue,.work-page-wrapper .btn-warm-solid,.work-page-wrapper .btn-restart{border-radius:12px!important;padding:10px 16px!important}.work-page-wrapper .btn-play-audio{padding:12px 20px!important}.work-page-wrapper .exercise-column .option-card-btn{border-radius:12px!important;gap:10px!important;padding:10px 12px!important}.work-page-wrapper .chat-log{gap:8px!important;padding:10px!important}.work-page-wrapper .chat-msg{padding:8px 12px!important}.work-page-wrapper .chat-input-bar{padding:8px 10px!important}.work-page-wrapper .media-player-card,.work-page-wrapper .media-transcript-card{padding:12px!important}.work-page-wrapper .audio-player-box{gap:12px!important;padding:16px!important}.work-page-wrapper .question-card{padding:12px 14px!important}.work-page-wrapper .feedback-banner{padding:10px 12px!important}.work-page-wrapper .feedback-box{padding:10px!important}.work-page-wrapper .exercise-transcript-box{margin:8px 0 12px!important;padding:12px!important}.work-page-wrapper .exercise-story-box{margin-bottom:8px!important;padding:8px 12px!important}.work-page-wrapper .flashcard-box{padding:20px 14px!important}.work-page-wrapper .collo-btn{padding:12px 14px!important}.work-page-wrapper .completion-block{padding:18px 0!important}.work-page-wrapper .exercise-loading{padding:24px!important}.work-page-wrapper .exercise-mb{margin-bottom:8px!important}.work-page-wrapper .exercise-mb-sm{margin-bottom:6px!important}.work-page-wrapper .exercise-mt{margin-top:8px!important}.work-page-wrapper .exercise-column p,.work-page-wrapper .exercise-column li{font-size:15px!important;line-height:1.55!important}.work-page-wrapper .exercise-column button{min-height:42px!important}.work-page-wrapper .exercise-column input[type=text],.work-page-wrapper .exercise-column textarea,.work-page-wrapper .exercise-column select{font-size:16px!important}}@media (max-width:420px){.work-page-wrapper .exercise-column [style*="grid-template-columns: 1fr 1fr"],.work-page-wrapper .exercise-column [style*="grid-template-columns:1fr 1fr"],.work-page-wrapper .exercise-grid-2{grid-template-columns:1fr!important}}.exercise-stack{flex-direction:column;gap:14px;width:100%;margin-top:11px;display:flex}.exercise-stack--sm{gap:8px}.exercise-stack--md{gap:16px}.exercise-stack--lg{gap:24px}.exercise-flex-row{align-items:center;gap:10px;margin-top:11px;margin-bottom:11px;display:flex}.exercise-flex-row--sm{gap:8px}.exercise-flex-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.exercise-flex-between--start{align-items:flex-start}.exercise-flex-wrap{flex-wrap:wrap;gap:8px;display:flex}.exercise-flex-center{justify-content:center;align-items:center;display:flex}.exercise-flex-end{justify-content:flex-end;align-items:center;display:flex}.exercise-actions{flex-wrap:wrap;gap:12px;display:flex}.exercise-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.exercise-grid-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:11px;display:grid}.exercise-grid-options--wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.exercise-grid-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.exercise-grid-metrics--md{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.exercise-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:20px;flex-direction:column;gap:20px;padding:28px;display:flex;box-shadow:0 4px 20px #0000000a}.exercise-panel--sm{gap:14px;padding:20px 22px}.exercise-panel--md{gap:14px;padding:15px}.exercise-panel--lg{border-radius:24px;gap:24px;width:100%;min-height:540px;margin-top:24px;padding:36px 32px;box-shadow:0 6px 24px #0000000d}.exercise-panel--spread{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:24px;flex-direction:column;align-items:center;gap:24px;width:100%;min-height:540px;margin:24px auto 0;padding:36px 32px;display:flex;box-shadow:0 8px 30px #0000000a}.exercise-panel--centered{align-items:center}.exercise-panel--chat{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:20px;gap:0;width:100%;max-width:780px;margin:0 auto;padding:0;overflow:hidden;box-shadow:0 8px 30px #0000000f}.exercise-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.exercise-header-group{flex-direction:column;display:flex}.exercise-header-badges{align-items:center;gap:10px;display:flex}.exercise-kicker{color:var(--color-warm-brown-600,#d97706);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.exercise-title{color:var(--text-primary,#0f172a);margin:4px 0 0;font-size:1.15rem;font-weight:700}.exercise-title--lg{align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.exercise-title--md{font-size:1.05rem;line-height:1.4}.exercise-title--sm{margin:2px 0 0;font-size:1.1rem}.exercise-title-row{align-items:center;gap:10px;margin-top:4px;display:flex}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill--success{color:#16a34a;background:#16a34a1a}.status-pill--error{color:#dc2626;background:#dc26261a}.status-pill--warn{color:#d97706;background:#d977061a}.status-pill--muted{color:var(--text-muted,#94a3b8);background:var(--bg-app,#f8fafc)}.status-pill--lg{padding:6px 14px;font-size:.85rem}.exercise-list-item{color:var(--text-primary,#0f172a);font-size:.86rem}.exercise-loading{text-align:center;background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:16px;padding:40px}.exercise-loading--sm{padding:24px}.exercise-spinner{border:3px solid var(--color-warm-brown-100,#fef3c7);border-top-color:var(--color-warm-brown-500,#d97706);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:1s linear infinite spin}.exercise-spinner--sm{width:28px;height:28px;margin:0 auto 8px}.exercise-spinner--center{margin:0 auto}.exercise-loading-text{color:var(--text-secondary,#475569);margin:0;font-size:.9rem}.exercise-tip{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b826);color:var(--text-secondary,#475569);border-radius:10px;padding:10px 14px;font-size:.82rem}.exercise-tip--compact{border-radius:8px;margin-bottom:12px;padding:6px 12px}.exercise-section{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b826);border-radius:12px;margin-bottom:5px;padding:16px}.exercise-section--lg{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b833);border-radius:16px;padding:20px}.exercise-section--xl{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b833);border-radius:16px;padding:24px 28px;font-size:.98rem}.exercise-section--inner{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b833);border-radius:14px;padding:18px 20px}.exercise-box-blue{background:#3b82f61a;border:1px solid #3b82f647;border-radius:10px;padding:8px 12px}.exercise-box-amber{background:var(--color-warm-brown-50,#fef3c7);border:1px solid var(--color-warm-brown-200,#fde68a);color:var(--color-warm-brown-900,#78350f);border-radius:14px;padding:16px 20px}.exercise-box-warn{background:#f59e0b14;border:1.5px solid #f59e0b40;border-radius:14px;padding:16px 20px}.exercise-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:10px;padding:10px 14px}.exercise-card--sm{border-color:#94a3b826;border-radius:8px;padding:10px}.feedback-banner{text-align:center;border-radius:12px;padding:14px 18px;font-size:.88rem;font-weight:700}.feedback-banner--success{color:#15803d;background:#22c55e1a}.feedback-banner--error{color:#b91c1c;background:#ef44441a}.feedback-box{border-radius:10px;padding:12px;font-size:.85rem}.feedback-box--success{background:#22c55e14;border:1px solid #22c55e33}.feedback-box--error{background:#ef444414;border:1px solid #ef444433}.feedback-box-label{font-size:.85rem}.feedback-box-label--success{color:#15803d}.feedback-box-label--error{color:#b91c1c}.score-circle{background:var(--color-warm-brown-50,#fef3c7);border:2px solid var(--color-warm-brown-500,#d97706);width:56px;height:56px;color:var(--color-warm-brown-700,#92400e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.score-circle--sm{width:54px;height:54px;font-size:1.2rem}.score-circle--xs{width:42px;height:42px;font-size:.95rem}.metric-label{color:var(--text-secondary,#475569);font-size:.75rem}.metric-value{color:var(--color-warm-brown-600,#d97706);font-size:1.1rem;font-weight:700}.exercise-text{color:var(--text-secondary,#334155);margin:0;font-size:.92rem;line-height:1.6}.exercise-text--sm{color:var(--text-secondary,#64748b);font-size:.85rem}.exercise-text--muted{color:var(--text-secondary,#475569);font-size:.9rem}.exercise-text--muted-sm{color:var(--text-secondary,#64748b);margin:0;font-size:.85rem}.exercise-paragraph{margin:0 0 1.2em;line-height:1.7}.exercise-paragraph--tight{margin:0 0 .4em;line-height:1.5}.word-count{font-size:.82rem;font-weight:600}.word-count--ok{color:#16a34a}.word-count--warn{color:#ff7070b0}.section-label{text-transform:uppercase;color:var(--text-secondary,#64748b);letter-spacing:.5px;margin-bottom:6px;font-size:.78rem;font-weight:700}.exercise-textarea{border:1.5px solid var(--border-color,#94a3b84d);background:var(--bg-card,#fff);width:100%;color:var(--text-primary,#0f172a);resize:vertical;border-radius:14px;outline:none;padding:16px;font-family:inherit;font-size:.95rem;line-height:1.6}.exercise-textarea--sm{padding:12px 14px;font-size:.95rem}.exercise-textarea--xs{resize:none;border-radius:12px;width:100%;padding:12px;font-size:.9rem}.exercise-input{border:1.5px solid var(--border-color,#94a3b84d);background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:.9rem}.exercise-field-label{color:var(--text-secondary,#475569);font-size:.85rem;font-weight:700}.btn-outline{background:var(--bg-app,#f8fafc);color:var(--text-primary,#0f172a);border:1px solid var(--border-color,#94a3b84d);cursor:pointer;border-radius:12px;flex:1;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-outline:hover:not(:disabled){color:#c2410c;border-color:#f97316}.btn-gradient-warm{background:linear-gradient(135deg, var(--color-warm-brown-500,#d97706), var(--color-warm-brown-700,#b45309));color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #d9770640}.btn-gradient-warm:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-gradient-blue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;padding:12px 26px;font-size:.92rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #2563eb40}.btn-gradient-blue:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-restart{background:var(--color-warm-brown-500,#d97706);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 26px;font-weight:700}.btn-restart:hover:not(:disabled){background:var(--color-warm-brown-600,#b45309)}.btn-warm-solid{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;flex:1;padding:12px 20px;font-size:.9rem;font-weight:700;box-shadow:0 4px 14px #f9731659}.pill-chip{background:var(--color-warm-brown-50,#fef3c7);color:var(--color-warm-brown-700,#b45309);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.keyword-chip{background:var(--bg-card,#fff);color:var(--color-warm-brown-700,#b45309);border:1px solid var(--border-color,#94a3b840);border-radius:14px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.word-pill{border:1px solid var(--border-color,#94a3b840);background:var(--bg-app,#f8fafc);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:600}.word-pill--selected{border:1.5px solid var(--color-warm-brown-500,#d97706)!important;background:var(--color-warm-brown-50,#fef3c7)!important;color:var(--color-warm-brown-800,#92400e)!important}.selected-word-pill{border:1px solid var(--color-warm-brown-500,#d97706);background:var(--color-warm-brown-50,#fef3c7);color:var(--color-warm-brown-800,#92400e);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.option-card-btn--correct{color:#15803d!important;background:#22c55e14!important;border:1.5px solid #22c55e!important}.option-card-btn--incorrect{color:#b91c1c!important;background:#ef444414!important;border:1.5px solid #ef4444!important}[data-theme=dark] .option-card-btn--correct{color:#bbf7d0!important;background:#22c55e38!important;border-color:#4ade80!important}[data-theme=dark] .option-card-btn--incorrect{color:#fecaca!important;background:#ef444438!important;border-color:#f87171!important}[data-theme=dark] .option-card-btn--correct .option-card-badge,[data-theme=dark] .option-card-btn--incorrect .option-card-badge{border-color:inherit}.option-card-btn--correct .option-card-badge{color:#15803d;background:#22c55e33;border-color:#22c55e}.option-card-btn--incorrect .option-card-badge{color:#b91c1c;background:#ef444433;border-color:#ef4444}.question-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:14px;padding:16px 20px}.question-card--correct{border:1.5px solid #22c55e}.question-card--wrong{border:1.5px solid #ef4444}.question-text{color:var(--text-primary,#0f172a);margin-bottom:12px;font-size:.92rem;font-weight:700}.question-text--lg{margin-bottom:14px;font-size:.95rem}.chat-log{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b833);border-radius:16px;flex-direction:column;gap:12px;max-height:340px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{max-width:99%;padding:12px 18px;font-size:.92rem;line-height:1.5;box-shadow:0 2px 8px #00000008}.chat-bubble--user{background:var(--color-warm-brown-500,#d97706);color:#fff;border:none;border-radius:18px 18px 2px;align-self:flex-end}.chat-bubble--ai{background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);border:1px solid var(--border-color,#94a3b833);border-radius:18px 18px 18px 2px;align-self:flex-start}.chat-bubble--typing{background:var(--bg-card,#fff);color:var(--text-secondary,#64748b);border:1px solid var(--border-color,#94a3b833);border-radius:18px 18px 18px 2px;align-self:flex-start;padding:12px 18px;font-size:.88rem}.audio-player-box{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b833);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.audio-player-box--card{background:var(--bg-card,#fff)}.speed-controls{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 14px;display:flex}.speed-label{color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:600}.speed-chip{cursor:pointer;color:var(--text-secondary,#475569);background:0 0;border:none;border-radius:14px;padding:4px 10px;font-size:.75rem;font-weight:600}.speed-chip--active{background:var(--color-warm-brown-500,#d97706);color:#fff}.speed-chip--blue{color:var(--text-primary,#334155);cursor:pointer;background:0 0;border:1px solid #0000;font-size:.78rem;font-weight:700;transition:all .15s}.speed-chip--blue-active{color:#fff;background:#3b82f6;border:1px solid #3b82f6;box-shadow:0 0 8px #3b82f666}.diff-word{color:#16a34a;background-color:#16a34a1f;border:1px solid #16a34a4d;border-radius:6px;margin-bottom:6px;margin-right:6px;padding:3px 8px;font-weight:600;display:inline-block}.diff-word--mismatch{color:#dc2626;background-color:#dc26261f;border:1px solid #dc26264d}.correct-sentence{color:#16a34a;background:#16a34a14;border-left:4px solid #16a34a;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600}.user-answer{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b833);border-radius:10px;padding:12px 16px;font-size:1rem;line-height:1.8}.timer-row{align-items:center;gap:12px;display:flex}.progress-bar-bg{background:#fff;border-radius:5px;flex:1;height:10px;overflow:hidden}.progress-bar-fill{border-radius:5px;height:100%;transition:width 1s linear}.flashcard-box{background:var(--bg-app,#f8fafc);text-align:center;border-radius:18px;flex-direction:column;gap:8px;padding:36px 24px;transition:all .3s;display:flex}.flashcard-word{color:var(--text-primary,#0f172a);font-size:1.75rem;font-weight:800}.flashcard-meaning{color:var(--color-warm-brown-600,#d97706);margin-top:6px;font-size:1.2rem;font-weight:700}.btn-thumbs{cursor:pointer;border-radius:14px;flex:1;margin-top:11px;padding:14px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-thumbs--no{color:#b91c1c;background:#ef444414;border:1.5px solid #ef44444d}.btn-thumbs--yes{color:#15803d;background:#22c55e14;border:1.5px solid #22c55e4d}.btn-thumbs:disabled{cursor:default;opacity:.7}.completion-block{text-align:center;padding:30px 0}.completion-emoji{margin-bottom:12px;font-size:3rem;display:block}.completion-title{margin:12px 0 6px;font-size:1.15rem;font-weight:700}.completion-desc{color:var(--text-secondary,#64748b);margin:0 0 20px;font-size:.88rem}.collo-btn{cursor:pointer;background:var(--bg-app,#f8fafc);width:100%;color:var(--text-primary,#0f172a);border:1.5px solid var(--border-color,#94a3b840);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.02rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.collo-btn:hover:not(:disabled){border-color:var(--color-warm-brown-400,#f59e0b);transform:translateY(-2px);box-shadow:0 4px 14px #d9770626}.collo-btn--selected{color:#d97706!important;background:#f59e0b2e!important;border-color:#f59e0b!important;font-weight:700!important;box-shadow:0 4px 16px #f59e0b40!important}.collo-btn--matched{color:#fff!important;cursor:default!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;border-color:#16a34a!important;font-weight:700!important;box-shadow:0 4px 14px #22c55e59!important}.collo-btn--matched .collo-check{color:#fff;background:#ffffff47}.collo-btn--error{animation:.5s colloShake,.5s colloFlash;color:#dc2626!important;background:#ef444438!important;border-color:#ef4444!important;font-weight:700!important}.collo-check{color:inherit;background:#22c55e33;border-radius:6px;padding:2px 8px;font-size:.85rem;font-weight:800}@keyframes colloShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes colloFlash{0%{background:#ef44448c;box-shadow:0 0 20px #ef444480}to{box-shadow:none;background:#ef444438}}[data-theme=dark] .collo-btn{background:var(--bg-input,#1e160c);color:var(--text-primary,#faf5f0);border-color:#ffffff26}[data-theme=dark] .collo-btn--selected{color:#fbbf24!important;background:#f59e0b47!important;border-color:#f59e0b!important}[data-theme=dark] .collo-btn--matched{color:#86efac!important;background:#22c55e52!important;border-color:#4ade80!important;box-shadow:0 0 20px #4ade8066!important}[data-theme=dark] .collo-btn--error{color:#fecaca!important;background:#ef444452!important;border-color:#f87171!important}.media-banner{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:160px;margin:0 auto;padding:8px 10px;display:flex;box-shadow:0 6px 20px #00000040}.media-banner--red{background:linear-gradient(135deg,#b94343 0%,#b13535 50%,#4f0000 100%);box-shadow:0 6px 20px #b1353540}.media-banner--blue{background:linear-gradient(135deg,#5173c5 0%,#426bb7 50%,#002661 100%);box-shadow:0 6px 20px #426bb740}.media-banner-title{color:#fff;letter-spacing:.03em;text-align:center;white-space:nowrap;margin:0;font-size:1.2rem;font-weight:800}.media-player-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b840);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 16px #0000000a}.media-transcript-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b840);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.media-title{color:var(--text-primary,#0f172a);margin:0;font-size:1.05rem;font-weight:800}.media-category{color:#b13535;border:1px solid #b1353533;border-radius:12px;margin-top:6px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.media-locked-box{text-align:center;border:1.5px dashed var(--border-color,#94a3b84d);background:#00000005;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;display:flex}.media-locked-title{color:var(--text-primary,#0f172a);margin:0;font-size:.9rem;font-weight:800}.media-locked-desc{color:var(--text-secondary,#64748b);max-width:320px;margin:0;font-size:.78rem;line-height:1.4}.media-upgrade-link{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);border-radius:10px;margin-top:4px;padding:8px 16px;font-size:.78rem;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #d9770640}.media-play-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:transform .15s;display:flex}.media-play-btn--red{background:linear-gradient(135deg,#b94343,#4f0000);box-shadow:0 4px 12px #b1353559}.media-play-btn--blue{background:linear-gradient(135deg,#5173c5,#002661);box-shadow:0 4px 12px #426bb759}.media-speed-chip{border:1px solid var(--border-color,#94a3b84d);color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border-radius:10px;padding:4px 8px;font-size:.7rem;font-weight:700}.media-speed-chip--red-active{color:#fff;background:#b13535;border:1px solid #b13535}.media-speed-chip--blue-active{color:#fff;background:#426bb7;border:1px solid #426bb7}.media-seek-range{accent-color:#b13535;cursor:pointer;border-radius:3px;width:100%;height:5px}.media-time-row{color:var(--text-muted,#94a3b8);justify-content:space-between;margin-top:4px;font-size:.72rem;font-weight:600;display:flex}.media-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.media-transcript-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary,#0f172a);margin:0;font-size:.85rem;font-weight:800}.media-transcript-scroll{flex-direction:column;gap:8px;max-height:380px;padding-right:6px;display:flex;position:relative;overflow-y:auto}.media-dialogue-row{cursor:pointer;background:var(--bg-app,#f8fafc);border-radius:10px;align-items:flex-start;gap:10px;padding:8px 12px;transition:all .15s;display:flex}.speaker-tag{border-radius:6px;flex-shrink:0;padding:2px 5px;font-size:.68rem;font-weight:700}.media-dialogue-text{color:var(--text-primary,#0f172a);font-size:.82rem;font-weight:400;line-height:1.45}.media-empty{text-align:center;background:var(--bg-card,#fff);border:1px dashed var(--border-color,#94a3b84d);color:var(--text-muted,#94a3b8);border-radius:16px;padding:50px 20px}.media-premium-pill{color:#b13535;background:#b1353514;border:1px solid #b1353540;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.76rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.media-premium-pill--amber{color:#d97706;background:#d9770614;border-color:#d9770640}.chat-window{background:var(--bg-app,#efeae2);flex-direction:column;height:620px;display:flex;position:relative}.chat-header{color:#fff;z-index:2;background:#075e54;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex;box-shadow:0 2px 6px #00000026}.chat-avatar{color:#fff;background:#128c7e;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:700;display:flex}.chat-name{color:#fff;font-size:.98rem;font-weight:700}.chat-online{color:#34b7f1;align-items:center;gap:4px;font-size:.75rem;display:flex}.chat-online-dot{background:#34b7f1;border-radius:50%;width:7px;height:7px;display:inline-block}.chat-done-bar{color:#fff;text-align:center;background:#16a34a;padding:6px 16px;font-size:.85rem;font-weight:700}.chat-stream{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-msg{background:var(--bg-card,#fff);max-width:82%;color:var(--text-primary,#0f172a);border-radius:14px 14px 14px 2px;flex-direction:column;gap:4px;padding:10px 14px;display:flex;position:relative;box-shadow:0 1px 3px #0000001f}.chat-msg--user{color:#111827;background:#d9fdd3;border-radius:14px 14px 2px;align-self:flex-end}.chat-msg-content{word-break:break-word;font-size:.94rem;line-height:1.45}.chat-voice-btn{cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:1.05rem;display:flex}.chat-typing{background:var(--bg-card,#fff);border-radius:14px 14px 14px 2px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;display:flex;box-shadow:0 1px 3px #0000001f}.chat-typing-dot{border:2px solid #075e5433;border-top-color:#075e54;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.chat-input-bar{background:var(--bg-card,#f0f2f5);border-top:1px solid var(--border-color,#00000014);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.chat-options-row{align-items:center;gap:16px;width:100%;display:flex}.chat-speed-chip{cursor:pointer;background:var(--bg-app,#fff);color:var(--text-primary,#333);border:1px solid #0000001a;border-radius:12px;padding:3px 9px;font-size:.75rem;font-weight:600;transition:all .2s}.chat-speed-chip--active{color:#fff;background:#128c7e}.chat-mic-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;transition:transform .2s;display:flex;box-shadow:0 2px 6px #00000026}.chat-mic-btn--green{background:#128c7e}.chat-mic-btn--red{background:#ef4444}.chat-input{border:1px solid var(--border-color,#00000014);background:var(--bg-app,#fff);color:var(--text-primary,#0f172a);border-radius:22px;outline:none;flex:1;padding:11px 16px;font-size:.92rem}.chat-send-btn{color:#fff;cursor:pointer;background:#128c7e;border:none;border-radius:20px;padding:9px 18px;font-size:.88rem;font-weight:700;transition:background .2s}.chat-send-btn:disabled{cursor:not-allowed;background:#94a3b866}[data-theme=dark] .exercise-panel,[data-theme=dark] .exercise-panel--sm,[data-theme=dark] .exercise-panel--md,[data-theme=dark] .exercise-panel--lg,[data-theme=dark] .exercise-panel--spread{color:#f8fafc;background:#1e293b;border-color:#ffffff1f}[data-theme=dark] .exercise-section,[data-theme=dark] .exercise-section--lg,[data-theme=dark] .exercise-section--xl,[data-theme=dark] .exercise-section--inner,[data-theme=dark] .exercise-tip,[data-theme=dark] .chat-log,[data-theme=dark] .audio-player-box,[data-theme=dark] .flashcard-box{background:#182232;border-color:#ffffff1a}[data-theme=dark] .exercise-card,[data-theme=dark] .exercise-card--sm,[data-theme=dark] .exercise-loading,[data-theme=dark] .exercise-loading--sm,[data-theme=dark] .question-card,[data-theme=dark] .media-player-card,[data-theme=dark] .media-transcript-card,[data-theme=dark] .chat-msg,[data-theme=dark] .chat-typing,[data-theme=dark] .chat-bubble--ai,[data-theme=dark] .speed-controls,[data-theme=dark] .media-empty,[data-theme=dark] .user-answer{color:#f8fafc;background:#1e293b;border-color:#ffffff1f}[data-theme=dark] .chat-bubble--user{background:var(--color-warm-brown-600,#b45309)}[data-theme=dark] .chat-msg--user{color:#d1fae5;background:#14532d}[data-theme=dark] .exercise-textarea,[data-theme=dark] .exercise-textarea--sm,[data-theme=dark] .exercise-textarea--xs,[data-theme=dark] .exercise-input,[data-theme=dark] .chat-input,[data-theme=dark] .word-pill{color:#f8fafc;background:#0f172a;border-color:#ffffff26}[data-theme=dark] .exercise-box-blue{background:#3b82f624;border-color:#3b82f64d}[data-theme=dark] .exercise-box-amber,[data-theme=dark] .pill-chip,[data-theme=dark] .selected-word-pill,[data-theme=dark] .word-pill--selected,[data-theme=dark] .keyword-chip{color:#8bb8d6;background:#1e2d40;border-color:#8bb8d659}[data-theme=dark] .score-circle{color:#8bb8d6;background:#1e2d40;border-color:#8bb8d666}[data-theme=dark] .feedback-banner--success,[data-theme=dark] .feedback-box--success{color:#bbf7d0;background:#22c55e2e;border-color:#4ade80}[data-theme=dark] .feedback-banner--error,[data-theme=dark] .feedback-box--error{color:#fecaca;background:#ef44442e;border-color:#f87171}[data-theme=dark] .feedback-box-label--success{color:#bbf7d0}[data-theme=dark] .feedback-box-label--error{color:#fecaca}[data-theme=dark] .question-card--correct{border-color:#4ade80}[data-theme=dark] .question-card--wrong{border-color:#f87171}[data-theme=dark] .btn-outline{color:#f8fafc;background:#1e293b;border-color:#ffffff26}[data-theme=dark] .diff-word{color:#6ee7a0;background-color:#16a34a2e;border-color:#4ade804d}[data-theme=dark] .diff-word--mismatch{color:#fca5a5;background-color:#ef44442e;border-color:#f871714d}[data-theme=dark] .correct-sentence{color:#6ee7a0;background:#22c55e2e;border-left-color:#4ade80}[data-theme=dark] .btn-thumbs--no{color:#fca5a5;background:#ef444433;border-color:#f8717166}[data-theme=dark] .btn-thumbs--yes{color:#bbf7d0;background:#22c55e33;border-color:#4ade8066}[data-theme=dark] .media-locked-box{background:#ffffff08}[data-theme=dark] .chat-window{background-color:#182232;background-image:none}[data-theme=dark] .chat-input-bar{background:#1e293b;border-top-color:#ffffff1a}[data-theme=dark] .media-dialogue-row{background:#182232}.exercise-mb{margin-bottom:12px}.exercise-mb-sm{margin-bottom:8px}.exercise-mt{margin-top:10px}.exercise-w100{width:100%}.exercise-flex1{flex:1}.exercise-grid1{grid-template-columns:1fr;gap:10px;display:grid}.timer-label{color:var(--text-primary,#0f172a);font-size:.88rem;font-weight:600}.timer-seconds{text-align:right;width:35px;color:var(--text-primary,#0f172a);font-size:.9rem;font-weight:700}.exercise-stack--mb{margin-bottom:14px}.btn-block{width:100%}.btn-grow{flex:1;min-width:160px}.btn-grow--md{flex:1}.text-success{color:#15803d}.text-error{color:#b91c1c}.exercise-question-line{color:var(--text-primary,#0f172a);margin-bottom:8px;font-size:.92rem;font-weight:700}.exercise-story-box{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b833);color:var(--text-primary,#0f172a);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:.95rem;line-height:1.5}.exercise-box-sm{background:var(--bg-card,#fff);border:1px solid var(--border-color,#94a3b840);border-radius:10px;padding:8px 12px;box-shadow:0 2px 6px #00000005}.exercise-loading-text--sm{font-size:.85rem}.exercise-title--xl{color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:1.4rem;font-weight:800}.exercise-subtitle{color:var(--text-secondary,#64748b);margin:0;font-size:.9rem}.exercise-section-title{text-align:center;color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:1.1rem;font-weight:700}.exercise-heading-sm{color:var(--text-primary,#0f172a);margin:0 0 4px;font-size:.88rem;font-weight:700}.exercise-muted-sm{color:var(--text-secondary,#334155);font-size:.85rem;line-height:1.4}.exercise-grid2-col{grid-template-columns:1fr 1fr;gap:28px;width:100%;display:grid}.exercise-col{flex-direction:column;gap:14px;display:flex}.exercise-feedback-line{margin:0;font-size:.92rem;font-weight:800}.exercise-explanation{color:var(--text-secondary,#475569);margin:6px 0 0;font-size:.86rem;line-height:1.4}.exercise-result-banner{text-align:center;border-radius:12px;padding:14px 18px;font-size:.88rem;font-weight:700}.exercise-result-banner--success{color:#15803d;background:#22c55e1a}.exercise-result-banner--error{color:#b91c1c;background:#ef44441a}.exercise-score-line{font-size:1.2rem;font-weight:800}.exercise-list{flex-direction:column;gap:6px;margin:10px 0 0;padding-left:20px;display:flex}.exercise-option-label{color:var(--text-secondary,#475569);font-size:.85rem;font-weight:700}.exercise-blank-line{display:block}.exercise-badge-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.exercise-diff-chip{color:#16a34a;background-color:#16a34a1f;border:1px solid #16a34a4d;border-radius:6px;margin-bottom:6px;margin-right:6px;padding:3px 8px;font-weight:600;display:inline-block}.exercise-diff-chip--mismatch{color:#dc2626;background-color:#dc26261f;border:1px solid #dc26264d}[data-theme=dark] .text-success{color:#bbf7d0}[data-theme=dark] .text-error{color:#fca5a5}[data-theme=dark] .exercise-box-sm,[data-theme=dark] .exercise-story-box,[data-theme=dark] .exercise-box-sm{background:#122037;border-color:#ffffff1f}[data-theme=dark] .exercise-result-banner--success,[data-theme=dark] .exercise-diff-chip{color:#6ee7a0;background:#22c55e2e;border-color:#4ade804d}[data-theme=dark] .exercise-result-banner--error,[data-theme=dark] .exercise-diff-chip--mismatch{color:#fca5a5;background:#ef44442e;border-color:#f871714d}[data-theme=dark] .exercise-box-amber{color:#8bb8d6;background:#1e2d40;border-color:#8bb8d659}[data-theme=dark] .exercise-box-warn{background:#f59e0b1f;border-color:#f59e0b4d}.exercise-h4{margin:0;font-size:1.05rem;font-weight:700}.exercise-h4--sm,.exercise-strong-text{margin:0;font-size:.95rem;font-weight:700}.exercise-text-primary{color:var(--text-primary,#0f172a);margin:4px 0 0;font-size:.85rem}.text-strike{color:#b91c1c;text-decoration:line-through}.text-correct-arrow{color:#15803d;margin:0 6px;font-weight:700}.exercise-section--center{text-align:center;color:var(--text-secondary,#475569)}[data-theme=dark] .text-strike{color:#fca5a5}[data-theme=dark] .text-correct-arrow{color:#6ee7a0}.exercise-section--center-col{flex-direction:column;align-items:center;gap:10px;display:flex}.exercise-image-frame{background:0 0;border-radius:14px;justify-content:center;align-items:center;width:100%;max-height:280px;display:flex;overflow:hidden}.exercise-image-placeholder{background:#cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:100%;height:160px;display:flex}.exercise-label{color:var(--text-primary,#0f172a);font-size:.85rem;font-weight:700}.exercise-label--muted{color:var(--text-muted,#64748b);margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.feedback-panel{border:1.5px solid;border-radius:16px;flex-direction:column;gap:14px;margin-top:10px;padding:20px;display:flex}.feedback-panel--success{background:#22c55e0d;border-color:#22c55e}.feedback-panel--error{background:#ef44440d;border-color:#ef4444}[data-theme=dark] .exercise-image-placeholder{background:#334155}[data-theme=dark] .feedback-panel--success{background:#22c55e1f;border-color:#4ade80}[data-theme=dark] .feedback-panel--error{background:#ef44441f;border-color:#f87171}.exercise-transcript-box{background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#94a3b826);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 20px;padding:16px;font-size:1.15rem;line-height:2.5;display:flex}[data-theme=dark] .exercise-transcript-box{background:#182232;border-color:#ffffff1a}.exercise-stack--wide{width:100%;max-width:1000px;margin:0 auto}.exercise-stack--narrow{width:100%;max-width:900px;margin:0 auto}.exercise-panel-title{color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:1.2rem;font-weight:800}.exercise-panel-title--md{color:var(--text-primary,#0f172a);margin:0 0 4px;font-size:1.15rem;font-weight:800}.exercise-section-title--accent{color:var(--color-warm-brown-600,#d97706);text-align:left;margin:0 0 8px;font-size:1.1rem;font-weight:700}.exercise-record-status{color:#ef4444;margin-top:8px;font-size:.85rem;font-weight:600}.exercise-mic-error{color:#ef4444;margin-top:6px;font-size:.82rem}.exercise-amber-badge{background:#d9770614;border:1px solid #d9770640;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.exercise-listen-btn{background:var(--color-warm-brown-50,#fef3c7);color:var(--color-warm-brown-700,#92400e);cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-weight:600}.exercise-mnemonic-box{background:var(--color-warm-brown-50,#fef3c7);border-radius:10px;margin-top:6px;padding:12px}.exercise-choice-btn{border:1px solid var(--border-color,#94a3b833);background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:10px;padding:14px;font-weight:600}.exercise-input--plain{border:1px solid var(--border-color,#94a3b84d);background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);border-radius:10px;outline:none;padding:12px;font-size:1rem}.exercise-letter-tile{border:1px solid var(--border-color,#94a3b84d);background:var(--bg-app,#f8fafc);width:40px;height:40px;color:var(--text-primary,#0f172a);cursor:pointer;border-radius:8px;font-size:1.1rem;font-weight:700}.exercise-letter-tile--picked{background:var(--text-muted,#e2e8f0);cursor:default}.completion-emoji--lg{margin-bottom:16px;font-size:4rem;display:block}[data-theme=dark] .exercise-amber-badge{background:#d9770624;border-color:#d9770666}[data-theme=dark] .exercise-listen-btn,[data-theme=dark] .exercise-mnemonic-box{color:#8bb8d6;background:#1e2d40}[data-theme=dark] .exercise-choice-btn,[data-theme=dark] .exercise-input--plain,[data-theme=dark] .exercise-letter-tile{color:#f8fafc;background:#0f172a;border-color:#ffffff26}[data-theme=dark] .exercise-letter-tile--picked{color:#f8fafc;background:#3d2c17;border-color:#fff3}[data-theme=dark] .exercise-section-title--accent{color:#f59e0b}.media-muted-center{text-align:center;color:var(--text-muted,#94a3b8);padding:16px;font-size:.8rem}.media-empty-emoji{margin-bottom:10px;font-size:2.5rem;display:block}.media-seek-range--blue{accent-color:#426bb7}.media-controls-center{align-items:center;gap:16px;width:100%;display:flex}[data-theme=dark] .media-muted-center{color:#94a3b8}.work-page-wrapper .exercise-column .btn-primary-action--compact{white-space:nowrap!important;flex-shrink:0!important;padding:10px 20px!important;font-size:.85rem!important}.work-page-wrapper .exercise-column .btn-primary-action--lg{padding:18px 30px!important;font-size:.98rem!important}[data-theme=dark] .work-page-wrapper .work-page-main .exercise-container .exercise-column button.collo-btn.collo-btn--matched{color:#fff!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;border-color:#16a34a!important;box-shadow:0 4px 14px #22c55e59!important}[data-theme=dark] .collo-btn--matched .collo-check{color:#fff;background:#ffffff47}@media (max-width:767px){.work-page-wrapper .exercise-column .btn-primary-action.btn-primary-action--lg{padding:12px 18px!important;font-size:.9rem!important}.work-page-wrapper .exercise-column .btn-primary-action.btn-primary-action--compact{padding:8px 14px!important;font-size:.82rem!important}}