:root{--color-bg:#f3f4f6;--color-surface:#fff;--color-text:#1a1d26;--color-muted:#5c6370;--color-border:#e2e5eb;--color-accent:#2563eb;--color-accent-soft:#eff6ff;--color-teal:#0d9488;--gradient-hero:linear-gradient(135deg, #1d4ed8 0%, #0ea5e9 45%, #14b8a6 100%);--sidebar-width:280px;--hero-min-height:420px;--radius:12px;--shadow:0 1px 3px #0000000f;--shadow-lg:0 8px 24px #0f172a14}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app-shell{min-height:100vh;padding:20px 24px 32px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.status-banner{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.875rem}.status-banner--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.status-banner--loading{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid #bfdbfe}.portal-shell{gap:16px;max-width:1280px;margin:0 auto;display:grid}.portal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.portal-header__title{letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:700}.portal-body{grid-template-columns:var(--sidebar-width) 1fr;align-items:start;gap:16px;display:grid}.portal-main{gap:16px;min-width:0;display:grid}.progress-header{justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.progress-header__main{flex:1;min-width:0}.progress-header__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.progress-header__title{margin:0;font-size:1rem;font-weight:600}.progress-header__percent{color:var(--color-muted);font-size:.875rem;font-weight:600}.progress-header__bar-track{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.progress-header__bar-fill{background:linear-gradient(90deg,#14b8a6,#2563eb);border-radius:999px;height:100%;transition:width .3s}.progress-header__meta{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:8px;font-size:.8125rem;display:flex}.progress-header__pause{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.progress-header__pause:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.progress-header__pause:disabled{opacity:.45;cursor:not-allowed}.module-sidebar{padding:16px;position:sticky;top:20px}.module-sidebar__heading{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:0 0 12px;font-size:.8125rem;font-weight:600}.module-sidebar__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.module-sidebar__card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;overflow:hidden}.module-sidebar__card--active{border-color:#bfdbfe;box-shadow:0 0 0 1px #2563eb14}.module-sidebar__card--locked{opacity:.55}.module-sidebar__header{grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.module-sidebar__header-icon{background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-sidebar__header-icon--locked{color:var(--color-muted);background:#f3f4f6}.module-sidebar__header-icon-svg{width:18px;height:18px}.module-sidebar__header-icon-svg--complete{color:#059669}.module-sidebar__header-text{gap:2px;min-width:0;padding-top:2px;display:grid}.module-sidebar__module-number{color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1.3}.module-sidebar__card--active .module-sidebar__module-number{color:var(--color-accent)}.module-sidebar__card--locked .module-sidebar__module-number,.module-sidebar__card--locked .module-sidebar__module-title{color:var(--color-muted)}.module-sidebar__module-title{color:var(--color-muted);font-size:.8125rem;line-height:1.35}.module-sidebar__toggle{width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.module-sidebar__toggle:hover{color:var(--color-text);background:#0000000a}.module-sidebar__toggle--expanded .module-sidebar__chevron{transform:rotate(180deg)}.module-sidebar__chevron{transition:transform .15s}.module-sidebar__separator{background:var(--color-border);height:1px;margin:0 12px}.module-sidebar__steps{gap:4px;margin:0;padding:8px 12px 12px 44px;list-style:none;display:grid}.module-sidebar__step{color:var(--color-muted);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;font-size:.8125rem;line-height:1.35;display:grid}.module-sidebar__step--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:500}.module-sidebar__step--updating{animation:1.2s ease-in-out infinite module-step-pulse}@keyframes module-step-pulse{0%,to{opacity:1}50%{opacity:.65}}.module-sidebar__step--complete{color:var(--color-text)}.module-sidebar__step--locked{color:#9ca3af}.module-sidebar__step-indicator{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.module-sidebar__step-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.module-sidebar__step-icon{color:#9ca3af;width:14px;height:14px}.module-sidebar__step-icon--complete{color:#059669}.module-sidebar__step-label{min-width:0}.role-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;display:inline-flex}.role-toggle__option{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.role-toggle__option:hover:not(:disabled){color:var(--color-text)}.role-toggle__option--selected{background:var(--color-accent-soft);color:var(--color-accent)}.role-toggle__option:disabled{opacity:.6;cursor:not-allowed}.voice-hero{min-height:var(--hero-min-height);border-radius:var(--radius);background:var(--gradient-hero);color:#fff;box-shadow:var(--shadow-lg);flex-direction:column;justify-content:space-between;align-items:center;padding:48px 32px 24px;display:flex;position:relative;overflow:hidden}.voice-hero__content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.voice-hero__mic{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;margin-bottom:24px;transition:transform .15s,background .15s,box-shadow .15s;display:flex;position:relative}.voice-hero__mic:hover:not(:disabled){background:#ffffff24;transform:scale(1.04);box-shadow:0 0 0 8px #ffffff14}.voice-hero__mic--active{background:#ffffff2e;animation:1.8s infinite hero-pulse}.voice-hero__mic:disabled{cursor:default;opacity:.95}.voice-hero__mic-ring{border:1px solid #fff3;border-radius:50%;position:absolute;inset:-8px}.voice-hero__mic-icon{width:48px;height:48px}.voice-hero__headline{letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:700}.voice-hero__subtitle{color:#ffffffe0;max-width:420px;margin:0 0 16px;font-size:.9375rem;line-height:1.5}.voice-hero__levels{color:#ffffffb8;flex-wrap:wrap;justify-content:center;gap:16px;font-size:.8125rem;display:flex}.voice-hero__error{color:#fecaca;margin:12px 0 0;font-size:.875rem}.voice-hero__typing{gap:8px;width:100%;max-width:480px;margin-top:20px;display:grid}.voice-hero__textarea{width:100%;color:var(--color-text);resize:vertical;background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;padding:12px;font-family:inherit;font-size:.875rem}.voice-hero__send{color:var(--color-accent);cursor:pointer;background:#fffffff2;border:none;border-radius:8px;justify-self:end;padding:8px 16px;font-size:.875rem;font-weight:600}.voice-hero__send:disabled{opacity:.6;cursor:not-allowed}.voice-hero__typing-pill{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:background .15s;display:inline-flex}.voice-hero__typing-pill:hover:not(:disabled){background:#fff3}.voice-hero__typing-pill:disabled{opacity:.55;cursor:not-allowed}.voice-hero__typing-pill-icon{opacity:.9}.transcript--compact{padding:16px 20px}.transcript__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.transcript__title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:0;font-size:.8125rem;font-weight:600}.transcript__copy-btn{border:1px solid var(--color-border);background:var(--color-bg);width:28px;height:28px;color:var(--color-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.transcript__copy-btn:hover{color:var(--color-text);border-color:var(--color-muted)}.transcript__copy-icon{display:block}.transcript__copy-feedback{min-height:1rem;color:var(--color-muted);margin:-8px 0 8px;font-size:.75rem}.transcript__empty{color:var(--color-muted);margin:0;font-size:.875rem}.transcript__list{gap:8px;min-height:320px;max-height:min(420px,40vh);display:grid;overflow-y:auto}.transcript__entry{border-radius:8px;padding:10px 12px}.transcript__entry--learner{background:var(--color-accent-soft)}.transcript__entry--tutor{background:var(--color-bg);border:1px solid var(--color-border)}.transcript__elapsed{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-weight:500}.transcript__role{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:4px;font-size:.6875rem;font-weight:600;display:block}.transcript__text{margin:0;font-size:.875rem;line-height:1.45}.transcript-mcq{margin-top:4px}.transcript-mcq__header{margin-bottom:12px}.transcript-mcq__counter{color:var(--color-muted);margin:0 0 6px;font-size:.8125rem}.transcript-mcq__progress-track{background:#e5e7eb;border-radius:999px;height:6px;overflow:hidden}.transcript-mcq__progress-fill{background:linear-gradient(90deg,#14b8a6,#2563eb);height:100%;transition:width .2s}.transcript-mcq__prompt{margin:0 0 12px;font-size:1rem;font-weight:600;line-height:1.4}.transcript-mcq__options{gap:8px;display:grid}.transcript-mcq__option{text-align:left;border:1px solid var(--color-border);cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.transcript-mcq__option:disabled{cursor:default;opacity:.92}.transcript-mcq__option:not(:disabled):hover{background:#f8fafc;border-color:#2563eb}.transcript-mcq__option.is-correct{background:#f0fdf4;border-color:#16a34a}.transcript-mcq__option.is-incorrect{background:#fef2f2;border-color:#dc2626}.transcript-mcq__option.is-correct-reveal{background:#ecfdf5;border-color:#16a34a}.transcript-mcq__option-id{flex-shrink:0;min-width:1.25rem;font-weight:700}.transcript-mcq__option-text{flex:1;line-height:1.4}@keyframes hero-pulse{0%,to{box-shadow:0 0 #ffffff40}50%{box-shadow:0 0 0 14px #fff0}}@media (max-width:900px){.portal-body{grid-template-columns:1fr}.module-sidebar{position:static}.voice-hero{min-height:360px;padding:32px 20px 20px}.voice-hero__headline{font-size:1.25rem}}