.mj-learn-page { --ml-panel: #0e1722; --ml-panel-2: #131f2d; --ml-accent: var(--mj-primary); }
.mj-learn-page [hidden] { display: none !important; }
.ml-shell { width: var(--mj-page); margin: 0 auto; padding: calc(var(--mj-header) + 34px) 0 90px; }
.ml-subnav { position: sticky; top: calc(var(--mj-header) + 10px); z-index: 30; width: fit-content; max-width: 100%; display: flex; gap: 4px; margin: 0 auto 32px; padding: 5px; overflow-x: auto; border: 1px solid var(--mj-line); border-radius: 16px; background: rgba(11,18,28,.84); backdrop-filter: blur(18px); }
.ml-subnav a { min-width: max-content; display: flex; align-items: center; gap: 8px; padding: 9px 17px; border-radius: 11px; color: var(--mj-muted); font-size: 12px; font-weight: 700; }
.ml-subnav a.is-active { color: var(--mj-on-primary); background: var(--ml-accent); }
.ml-subnav b { min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 8px; background: var(--mj-danger); color: white; font: 800 10px/1 Arial; }
.ml-overline { color: var(--ml-accent); font-size: 11px; font-weight: 800; letter-spacing: .2px; }
.ml-dashboard-hero { min-height: 390px; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr) 260px; align-items: center; gap: 70px; padding: clamp(35px,5vw,74px); overflow: hidden; border: 1px solid var(--mj-line); border-radius: 34px; background: radial-gradient(circle at 15% 10%, rgba(var(--mj-accent-rgb),.17), transparent 31rem), linear-gradient(125deg,#152434,#0b111b 63%); box-shadow: var(--mj-shadow); }
.ml-dashboard-hero::after { content:"MJ"; position:absolute; inset:auto -25px -95px auto; z-index:-1; color:rgba(255,255,255,.018); font:900 290px/1 Arial; letter-spacing:-35px; }
.ml-dashboard-hero h1 { max-width: 900px; margin: 13px 0 18px; font-size: clamp(34px,4.4vw,68px); line-height: 1.28; letter-spacing: -2.8px; }
.ml-dashboard-hero h1 em, .ml-progress-hero h1 em { color: var(--ml-accent); font-style: normal; }
.ml-dashboard-hero__copy > p { max-width: 750px; margin: 0; color: #afbbc9; font-size: clamp(13px,1.2vw,17px); line-height: 2; }
.ml-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.ml-daily-ring { --progress: 0; width: 218px; aspect-ratio: 1; display:grid; place-items:center; position:relative; border-radius:50%; background: conic-gradient(var(--ml-accent) calc(var(--progress)*1%), rgba(255,255,255,.08) 0); box-shadow:0 0 70px rgba(var(--mj-accent-rgb),.1); }
.ml-daily-ring::before { content:""; position:absolute; inset:11px; border-radius:50%; background:#0c141f; border:1px solid rgba(255,255,255,.08); }
.ml-daily-ring div { z-index:1; text-align:center; }
.ml-daily-ring strong { display:block; font:800 53px/1 Arial; }
.ml-daily-ring span { color:var(--mj-muted); font-size:11px; }
.ml-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:18px 0 48px; }
.ml-stat-grid article { min-height:96px; display:flex; align-items:center; gap:15px; padding:20px; border:1px solid var(--mj-line); border-radius:18px; background:rgba(16,24,36,.72); }
.ml-stat-grid article > span { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; background:var(--mj-primary-soft); color:var(--ml-accent); font-size:20px; }
.ml-stat-grid strong { display:block; font:800 25px/1.1 "Segoe UI",sans-serif; }
.ml-stat-grid small { color:var(--mj-muted); font-size:10px; }
.ml-preferences { margin:-28px 0 35px; overflow:hidden; border:1px solid var(--mj-line); border-radius:20px; background:var(--ml-panel); }
.ml-preferences > header { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 22px; }
.ml-preferences h2 { margin:2px 0; font-size:16px; }
.ml-preferences > header button { padding:8px 13px; border:1px solid var(--mj-line); border-radius:10px; background:rgba(255,255,255,.04); color:var(--ml-accent); cursor:pointer; }
.ml-preferences__journey-link { padding:9px 14px;border:1px solid var(--mj-line);border-radius:10px;background:rgba(255,255,255,.04);color:var(--ml-accent);font-size:10px;font-weight:800;white-space:nowrap; }
.ml-preferences form { padding:20px 22px; border-top:1px solid var(--mj-line); }
.ml-preference-selects { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.ml-preference-selects label > span { display:block; margin-bottom:5px; color:var(--mj-muted); font-size:9px; }
.ml-preference-selects select { width:100%; height:44px; padding:0 10px; border:1px solid var(--mj-line); border-radius:11px; background:#0a111a; color:white; }
.ml-preferences fieldset { margin:20px 0 0; padding:0; border:0; }
.ml-preferences legend { margin-bottom:8px; color:var(--mj-muted); font-size:9px; }
.ml-preferences fieldset > div { display:flex; flex-wrap:wrap; gap:6px; }
.ml-preferences fieldset input { position:absolute; opacity:0; }
.ml-preferences fieldset span { display:block; padding:7px 11px; border:1px solid var(--mj-line); border-radius:9px; background:rgba(255,255,255,.03); font-size:9px; cursor:pointer; }
.ml-preferences fieldset input:checked + span { border-color:var(--ml-accent); background:var(--mj-primary-soft); color:var(--ml-accent); }
.ml-preferences footer { display:flex; align-items:center; justify-content:flex-end; gap:15px; margin-top:18px; }
.ml-preferences footer > span { color:var(--ml-accent); font-size:9px; }
.ml-section { padding:45px 0; }
.ml-section__head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:24px; }
.ml-section__head h2 { margin:5px 0 2px; font-size:clamp(24px,2.5vw,36px); letter-spacing:-1.2px; }
.ml-section__head p { margin:0; color:var(--mj-muted); font-size:12px; }
.ml-filter { width:min(330px,100%); height:47px; display:flex; align-items:center; gap:9px; padding:0 14px; border:1px solid var(--mj-line); border-radius:14px; background:var(--ml-panel); }
.ml-filter input { width:100%; border:0; outline:0; background:transparent; color:white; }
.ml-title-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.ml-title-card { min-width:0; }
.ml-title-card > a { display:block; height:100%; overflow:hidden; border:1px solid var(--mj-line); border-radius:22px; background:var(--ml-panel); transition:transform .2s,border-color .2s; }
.ml-title-card > a:hover { transform:translateY(-5px); border-color:rgba(var(--mj-accent-rgb),.38); }
.ml-title-card__image { aspect-ratio:2/3; position:relative; overflow:hidden; background:#172332; }
.ml-title-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 56%,rgba(7,11,18,.9)); }
.ml-title-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.ml-title-card:hover img { transform:scale(1.04); }
.ml-title-card__image span,.ml-title-card__image i { position:absolute; z-index:2; top:10px; padding:5px 8px; border-radius:8px; background:rgba(7,18,14,.82); font-size:9px; font-style:normal; backdrop-filter:blur(8px); }
.ml-title-card__image span { inset-inline-start:10px; color:var(--ml-accent); border:1px solid rgba(var(--mj-accent-rgb),.3); }
.ml-title-card__image i { inset-inline-end:10px; }
.ml-title-card__body { padding:15px; }
.ml-title-card h3 { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:750 15px/1.4 "Segoe UI",sans-serif; text-align:left; }
.ml-title-card p { margin:5px 0 13px; color:var(--mj-muted); font-size:10px; }
.ml-title-card__body > div { display:flex; justify-content:space-between; color:var(--ml-accent); font-size:11px; font-weight:800; }
.ml-empty-state { min-height:260px; display:grid; place-items:center; align-content:center; gap:6px; padding:30px; border:1px dashed rgba(var(--mj-accent-rgb),.28); border-radius:24px; background:rgba(var(--mj-accent-rgb),.035); text-align:center; }
.ml-empty-state > span { width:55px; height:55px; display:grid; place-items:center; border-radius:18px; background:var(--mj-primary-soft); color:var(--ml-accent); font-size:24px; }
.ml-empty-state h2,.ml-empty-state h3 { margin:9px 0 0; }
.ml-empty-state p { max-width:600px; margin:0; color:var(--mj-muted); }
.ml-empty-state--large { min-height:460px; }
.ml-how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-top:30px; }
.ml-how-grid article { min-height:230px; position:relative; overflow:hidden; padding:30px; border:1px solid var(--mj-line); border-radius:22px; background:linear-gradient(145deg,var(--ml-panel-2),var(--ml-panel)); }
.ml-how-grid b { position:absolute; inset:-24px auto auto -5px; color:rgba(255,255,255,.035); font:900 110px/1 Arial; }
.ml-how-grid span { color:var(--ml-accent); font-size:11px; font-weight:800; }
.ml-how-grid h3 { margin:36px 0 6px; font-size:19px; }
.ml-how-grid p { margin:0; color:var(--mj-muted); font-size:12px; }

.ml-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--mj-muted); font-size:11px; }
.ml-breadcrumb a:hover { color:var(--ml-accent); }
.ml-title-hero { min-height:470px; position:relative; isolation:isolate; display:grid; grid-template-columns:210px minmax(0,1fr); align-items:end; gap:36px; padding:55px; overflow:hidden; border:1px solid var(--mj-line); border-radius:30px; }
.ml-title-hero__bg { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; filter:saturate(.7); }
.ml-title-hero__shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(6,10,16,.65),rgba(6,10,16,.94) 70%),linear-gradient(0deg,rgba(6,10,16,.86),transparent); }
.ml-title-hero__poster { width:210px; aspect-ratio:2/3; object-fit:cover; border:1px solid rgba(255,255,255,.15); border-radius:20px; box-shadow:0 24px 65px rgba(0,0,0,.5); }
.ml-title-hero__copy { max-width:850px; }
.ml-title-hero h1 { margin:9px 0 12px; font:800 clamp(35px,5vw,70px)/1 "Segoe UI",sans-serif; text-align:left; }
.ml-title-hero__copy > p { max-width:730px; color:#b6c0cc; font-size:13px; }
.ml-title-meta { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 23px; }
.ml-title-meta span,.ml-level-pill { padding:7px 10px; border:1px solid var(--mj-line); border-radius:9px; background:rgba(255,255,255,.05); color:#c7d0da; font-size:10px; }
.ml-level-pill { color:var(--ml-accent); white-space:nowrap; }
.ml-lesson-list { display:grid; gap:9px; }
.ml-lesson-row { display:grid; grid-template-columns:42px 52px minmax(0,1fr) auto 25px; align-items:center; gap:15px; min-height:105px; padding:16px 22px; border:1px solid var(--mj-line); border-radius:19px; background:var(--ml-panel); transition:.18s; }
.ml-lesson-row:hover { border-color:rgba(var(--mj-accent-rgb),.35); background:#111d29; transform:translateX(-3px); }
.ml-lesson-row__number { color:#657384; font:800 14px/1 Arial; }
.ml-lesson-row__play { width:46px; height:46px; display:grid; place-items:center; border-radius:15px; background:var(--mj-primary-soft); color:var(--ml-accent); font-size:13px; }
.ml-lesson-row__copy small { color:var(--ml-accent); font-size:9px; text-transform:uppercase; }
.ml-lesson-row h3 { margin:1px 0; font-size:14px; }
.ml-lesson-row p { margin:0; color:var(--mj-muted); font-size:11px; text-align:right; }
.ml-lesson-row__metrics { display:flex; gap:7px; }
.ml-lesson-row__metrics span { padding:6px 8px; border-radius:8px; background:rgba(255,255,255,.04); color:var(--mj-muted); font-size:9px; }
.ml-lesson-row > b { color:var(--ml-accent); font-size:18px; }

.ml-focus-page { min-height:850px; }
.ml-focus-card { max-width:900px; margin:70px auto 0; overflow:hidden; border:1px solid var(--mj-line); border-radius:28px; background:var(--ml-panel); box-shadow:var(--mj-shadow); }
.ml-focus-card > header { padding:38px 45px 24px; border-bottom:1px solid var(--mj-line); }
.ml-focus-card h1 { margin:6px 0; font-size:clamp(28px,3.6vw,46px); }
.ml-focus-card header p { margin:0; color:var(--mj-muted); }
.ml-test-progress { height:5px; margin-top:23px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,.06); }
.ml-test-progress i { display:block; width:10%; height:100%; border-radius:inherit; background:var(--ml-accent); transition:width .3s; }
.ml-question { margin:0; padding:40px 45px 45px; border:0; }
.ml-question legend { width:100%; }
.ml-question legend small { display:block; color:var(--ml-accent); font-size:10px; }
.ml-question legend strong { display:block; margin:15px 0 25px; font:700 clamp(24px,3vw,36px)/1.4 "Segoe UI",sans-serif; text-align:left; }
.ml-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ml-choice-grid input,.ml-exercise-choices input { position:absolute; opacity:0; pointer-events:none; }
.ml-choice-grid span,.ml-exercise-choices span { min-height:58px; display:flex; align-items:center; justify-content:center; padding:12px; border:1px solid var(--mj-line); border-radius:14px; background:rgba(255,255,255,.035); cursor:pointer; transition:.16s; }
.ml-choice-grid input:checked + span,.ml-exercise-choices input:checked + span { border-color:var(--ml-accent); background:var(--mj-primary-soft); color:var(--ml-accent); }
.ml-question footer { display:flex; justify-content:flex-end; margin-top:26px; }
.ml-question button:disabled,.ml-check-answer:disabled { opacity:.35; cursor:not-allowed; }
.ml-test-result { min-height:430px; place-items:center; align-content:center; padding:50px; text-align:center; }
.ml-test-result:not([hidden]) { display:grid; }
.ml-test-result > span { color:var(--mj-muted); }
.ml-test-result > strong { color:var(--ml-accent); font:900 110px/1 Arial; }
.ml-test-result p { max-width:550px; }
.ml-test-result > div { display:flex; gap:10px; }
.ml-placement-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.ml-placement-skills span{padding:5px 9px;border:1px solid var(--mj-line);border-radius:999px;color:var(--mj-muted);font-size:8px}
.ml-placement-start{display:grid;place-items:center;gap:12px;min-height:330px;padding:40px;text-align:center}.ml-placement-start strong{font-size:24px}.ml-placement-start p{max-width:560px;margin:0;color:var(--mj-muted);font-size:10px;line-height:2}
.ml-placement-audio{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;margin:0 0 18px;padding:13px;border:1px solid rgba(var(--mj-accent-rgb),.2);border-radius:14px;background:rgba(var(--mj-accent-rgb),.06)}.ml-placement-audio video{position:absolute;width:1px;height:1px;opacity:0}.ml-placement-audio small{color:var(--mj-muted);font-size:8px}
.ml-placement-text span{display:block;margin-bottom:7px;color:var(--mj-muted);font-size:9px}.ml-placement-text textarea{width:100%;resize:vertical;border:1px solid var(--mj-line);border-radius:14px;padding:13px;background:rgba(255,255,255,.035);color:var(--mj-text);font:600 14px/1.8 "Segoe UI",sans-serif;outline:none}.ml-placement-text textarea:focus{border-color:var(--ml-accent);box-shadow:0 0 0 3px rgba(var(--mj-accent-rgb),.08)}
.ml-test-result>.ml-placement-result-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:650px;margin:14px 0}.ml-placement-result-skills article{display:grid;gap:3px;padding:10px;border:1px solid var(--mj-line);border-radius:12px;background:rgba(255,255,255,.025)}.ml-placement-result-skills strong{font-size:9px}.ml-placement-result-skills b{color:var(--ml-accent);font:900 18px/1 Arial}.ml-placement-result-skills small{color:var(--mj-muted);font-size:7px}

.ml-review-head,.ml-progress-hero { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:40px 0; }
.ml-review-head h1,.ml-progress-hero h1 { max-width:900px; margin:6px 0; font-size:clamp(30px,4vw,55px); line-height:1.4; letter-spacing:-2px; }
.ml-review-head p,.ml-progress-hero p { max-width:800px; margin:0; color:var(--mj-muted); }
.ml-review-head > div:last-child { min-width:150px; text-align:center; }
.ml-review-head > div:last-child strong { display:block; color:var(--ml-accent); font:900 65px/1 Arial; }
.ml-review-head > div:last-child span { color:var(--mj-muted); font-size:10px; }
.ml-review-deck { max-width:820px; margin:25px auto; }
.ml-review-session { display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px;margin-bottom:12px;padding:12px 16px;border:1px solid var(--mj-line);border-radius:14px;background:var(--ml-panel); }
.ml-review-session span { color:var(--mj-text);font-size:10px;font-weight:800; }
.ml-review-session span b { color:var(--ml-accent);font:850 15px Arial,sans-serif; }
.ml-review-session small { color:var(--mj-muted);font-size:9px;text-align:left; }
.ml-review-session>i { grid-column:1/-1;height:5px;overflow:hidden;border-radius:5px;background:rgba(127,145,164,.16); }
.ml-review-session>i u { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ml-accent),#5bc8ff);transition:width .3s ease;text-decoration:none; }
.ml-review-card { min-height:560px; padding:30px; border:1px solid var(--mj-line); border-radius:28px; background:linear-gradient(145deg,#152333,#0d151f); box-shadow:var(--mj-shadow); }
.ml-review-card > header { display:flex; justify-content:space-between; color:var(--mj-muted); font-size:10px; }
.ml-review-card > header > span { color:var(--ml-accent); text-transform:uppercase; }
.ml-review-card__front,.ml-review-card__back { min-height:255px; display:grid; place-items:center; align-content:center; padding:30px; text-align:center; }
.ml-review-card__front small,.ml-review-card__back small { color:var(--mj-muted); }
.ml-review-card__front h2 { margin:12px 0; font:750 clamp(28px,4vw,50px)/1.35 "Segoe UI",sans-serif; }
.ml-review-card__front p,.ml-review-card__back p { color:#aab6c4; }
.ml-review-card__back { min-height:170px; border:1px solid rgba(var(--mj-accent-rgb),.16); border-radius:18px; background:var(--mj-primary-soft); }
.ml-review-card__back h3 { margin:8px 0; font-size:21px; }
.ml-reveal-button { width:100%; }
.ml-review-card footer { margin-top:20px; text-align:center; }
.ml-review-card footer > span { color:var(--mj-muted); font-size:10px; }
.ml-review-card footer > div { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:8px; }
.ml-review-card footer button { min-height:57px; border:1px solid var(--mj-line); border-radius:12px; background:rgba(255,255,255,.04); cursor:pointer; }
.ml-review-card footer button:hover { border-color:var(--ml-accent); }
.ml-review-card footer small { display:block; color:var(--mj-muted); font-size:8px; }
.ml-review-complete { min-height:500px; place-items:center; align-content:center; text-align:center; }
.ml-review-complete:not([hidden]) { display:grid; }
.ml-review-complete > span { width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:var(--ml-accent);color:var(--mj-on-primary);font-size:36px; }
.ml-review-head--adaptive { align-items:flex-end; }
.ml-review-head--adaptive > div:first-child { flex:1; }
.ml-review-head--adaptive .ml-review-head__stats { min-width:min(100%,390px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center; }
.ml-review-head__stats article { padding:14px 10px;border:1px solid var(--mj-line);border-radius:15px;background:var(--ml-panel); }
.ml-review-head__stats article strong { display:block!important;color:var(--ml-accent);font:850 25px/1 Arial!important; }
.ml-review-head__stats article span { display:block;margin-top:7px;color:var(--mj-muted);font-size:8px!important; }
.ml-review-deck--adaptive { max-width:900px; }
.ml-review-card--adaptive { min-height:610px;background:linear-gradient(145deg,var(--ml-panel),var(--mj-bg)); }
.ml-review-card--adaptive > header > div { display:flex;align-items:center;flex-wrap:wrap;gap:6px; }
.ml-review-mode,.ml-review-level,.ml-review-error { display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800; }
.ml-review-mode { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-review-level { background:rgba(91,200,255,.1);color:#5bc8ff; }
.ml-review-error { background:rgba(255,178,87,.1);color:var(--mj-warning); }
.ml-review-memory-strip { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 0; }
.ml-review-memory-strip span { padding:8px;border:1px solid var(--mj-line);border-radius:10px;color:var(--mj-muted);font-size:8px;text-align:center; }
.ml-review-memory-strip b { color:var(--mj-text);font-size:9px; }
.ml-review-task { min-height:235px; }
.ml-review-task h2 { max-width:720px;font-size:clamp(21px,3vw,38px);line-height:1.65; }
.ml-review-audio-button { display:inline-flex;align-items:center;gap:8px;margin:15px auto 8px;padding:11px 16px;border:1px solid rgba(var(--mj-accent-rgb),.28);border-radius:999px;background:var(--mj-primary-soft);color:var(--ml-accent);cursor:pointer; }
.ml-review-audio-button span { width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--ml-accent);color:var(--mj-on-primary); }
.ml-review-audio-button.is-playing span { animation:ml-pulse 1s infinite; }
.ml-review-response { padding:18px;border:1px solid var(--mj-line);border-radius:17px;background:var(--mj-surface-soft); }
.ml-review-response label > span { display:block;margin-bottom:8px;color:var(--mj-muted);font-size:9px; }
.ml-review-response textarea { width:100%;min-height:85px;padding:13px 14px;border:1px solid var(--mj-line);border-radius:12px;background:var(--mj-bg);color:var(--mj-text);font:650 16px/1.7 "Segoe UI",sans-serif;resize:vertical;outline:none; }
.ml-review-response textarea:focus { border-color:var(--ml-accent);box-shadow:0 0 0 3px rgba(var(--mj-accent-rgb),.1); }
.ml-review-response > div { display:flex;gap:8px;margin-top:10px; }
.ml-review-skip { min-height:43px;padding:0 16px;border:1px solid var(--mj-line);border-radius:11px;background:transparent;color:var(--mj-muted);cursor:pointer; }
.ml-review-result { display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin-top:15px;padding:19px;border:1px solid var(--mj-line);border-radius:18px;background:var(--mj-surface-soft); }
.ml-review-result > div { text-align:center; }
.ml-review-result > div strong { display:block;color:var(--ml-accent);font:900 39px/1 Arial; }
.ml-review-card--adaptive.is-incorrect .ml-review-result > div strong { color:var(--mj-danger); }
.ml-review-result > div span,.ml-review-result section small { color:var(--mj-muted);font-size:8px; }
.ml-review-result section h3 { margin:5px 0;font:750 18px/1.5 "Segoe UI",sans-serif; }
.ml-review-result section p { margin:5px 0;color:var(--mj-muted);font-size:9px;line-height:1.8; }
.ml-review-result-meta { display:flex;flex-wrap:wrap;gap:6px;margin-top:9px; }
.ml-review-result-meta span { padding:5px 8px;border-radius:999px;background:rgba(126,141,160,.1);color:var(--mj-muted);font-size:8px; }
.ml-review-result > button { grid-column:1/-1;justify-self:end; }
html[data-theme="light"] .ml-review-card--adaptive { background:linear-gradient(145deg,#fff,#f4f7fb); }
@media(max-width:720px){.ml-review-head--adaptive .ml-review-head__stats{min-width:100%;grid-template-columns:repeat(3,1fr)}.ml-review-result{grid-template-columns:1fr}.ml-review-result>button{justify-self:stretch}.ml-review-memory-strip{grid-template-columns:1fr}.ml-review-response>div{flex-direction:column}.ml-review-skip{width:100%}}

/* Guided curriculum and tap-first review (v2). */
.ml-primary-next-action{min-width:min(100%,310px);min-height:62px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:10px 24px!important}.ml-primary-next-action span{font-size:13px}.ml-primary-next-action small{font-size:8px;font-weight:650;opacity:.72}.ml-why-this-step{display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:var(--mj-muted);font-size:10px;font-weight:750}.ml-why-this-step:hover{color:var(--ml-accent)}
.ml-dna-decision{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;align-items:center;max-width:780px;margin-top:12px;padding:10px 12px;border:1px solid rgba(var(--mj-accent-rgb),.2);border-radius:13px;background:rgba(var(--mj-accent-rgb),.055)}.ml-dna-decision>span{grid-row:1/3;padding:5px 8px;border-radius:8px;background:var(--mj-primary-soft);color:var(--ml-accent);font-size:7px;font-weight:850;white-space:nowrap}.ml-dna-decision p{margin:0!important;color:var(--mj-text)!important;font-size:9px!important;line-height:1.7!important}.ml-dna-decision small{direction:ltr;text-align:right;color:var(--mj-muted);font:600 7px/1.4 "Segoe UI",sans-serif}.ml-guided-current__selected{padding:8px 11px;border:1px solid rgba(var(--mj-accent-rgb),.24);border-radius:10px;background:var(--mj-primary-soft);color:var(--ml-accent);font-size:8px;font-weight:800;text-align:center}
.ml-guided-path{margin:26px 0 42px;padding:28px;border:1px solid rgba(var(--mj-accent-rgb),.24);border-radius:28px;background:linear-gradient(145deg,var(--ml-panel),rgba(var(--mj-accent-rgb),.045));box-shadow:0 24px 70px rgba(0,0,0,.18);scroll-margin-top:120px}.ml-guided-path>header{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:end}.ml-guided-path>header h2{margin:5px 0 7px;font-size:clamp(24px,3vw,39px);line-height:1.45}.ml-guided-path>header p{max-width:760px;margin:0;color:var(--mj-muted);font-size:10px;line-height:1.9}.ml-guided-path__progress{text-align:left}.ml-guided-path__progress strong,.ml-guided-path__progress span{display:block}.ml-guided-path__progress strong{color:var(--ml-accent);font:900 34px/1 Arial,sans-serif}.ml-guided-path__progress span{margin-top:5px;color:var(--mj-muted);font-size:9px}.ml-guided-path__progress i{height:7px;display:block;margin-top:10px;overflow:hidden;border-radius:20px;background:rgba(127,145,164,.15)}.ml-guided-path__progress u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ml-accent),#56c8ff);text-decoration:none}
.ml-guided-current{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:24px;padding:19px;border:1px solid rgba(var(--mj-accent-rgb),.27);border-radius:20px;background:var(--mj-primary-soft)}.ml-guided-current__number{height:72px;display:grid;place-items:center;align-content:center;border-radius:18px;background:var(--ml-accent);color:var(--mj-on-primary)}.ml-guided-current__number small{font-size:7px;font-weight:800}.ml-guided-current__number strong{font:900 28px/1 Arial,sans-serif}.ml-guided-current>div:nth-child(2)>span{color:var(--ml-accent);font-size:8px;font-weight:800}.ml-guided-current h3{margin:4px 0;font-size:17px}.ml-guided-current p{margin:0;color:var(--mj-muted);font-size:9px}.ml-guided-current>div:nth-child(2)>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ml-guided-current>div:nth-child(2)>div b{padding:5px 8px;border:1px solid var(--mj-line);border-radius:999px;color:var(--mj-muted);font-size:7px;font-weight:750}
.ml-guided-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none}.ml-guided-roadmap li{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:11px;border:1px solid var(--mj-line);border-radius:14px;background:var(--mj-surface-soft)}.ml-guided-roadmap li>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(127,145,164,.1);color:var(--mj-muted);font-style:normal;font:850 10px Arial}.ml-guided-roadmap li small,.ml-guided-roadmap li strong,.ml-guided-roadmap li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-guided-roadmap li small{color:var(--mj-muted);font-size:6.5px}.ml-guided-roadmap li strong{margin:2px 0;font-size:8px}.ml-guided-roadmap li span{color:var(--mj-muted);font-size:6.5px}.ml-guided-roadmap li>a{color:var(--ml-accent);font-weight:900}.ml-guided-roadmap li>b{color:var(--mj-muted);font-size:13px}.ml-guided-roadmap .is-in_progress,.ml-guided-roadmap .is-available{border-color:rgba(var(--mj-accent-rgb),.38);background:var(--mj-primary-soft)}.ml-guided-roadmap .is-in_progress>i,.ml-guided-roadmap .is-available>i{background:var(--ml-accent);color:var(--mj-on-primary)}.ml-guided-roadmap .is-completed>i{background:rgba(61,205,149,.14);color:#3dcd95}.ml-guided-roadmap .is-locked{opacity:.62}.ml-guided-path>footer{display:flex;align-items:flex-start;gap:13px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mj-line)}.ml-guided-path>footer span{min-width:max-content;padding:4px 7px;border-radius:7px;background:rgba(var(--mj-accent-rgb),.1);color:var(--ml-accent);font-size:7px;font-weight:800}.ml-guided-path>footer p{margin:0;color:var(--mj-muted);font-size:8px;line-height:1.9}
.ml-level-pill--quality{border-color:rgba(61,205,149,.24)!important;color:#3dcd95!important;background:rgba(61,205,149,.08)!important}

.ml-review-guide-head{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:end;padding:30px 0}.ml-review-guide-head h1{max-width:850px;margin:5px 0;font-size:clamp(32px,5vw,58px);line-height:1.35;letter-spacing:-2px}.ml-review-guide-head p{max-width:760px;margin:0;color:var(--mj-muted);font-size:11px;line-height:2}.ml-review-guide-head__route{padding:17px;border:1px solid var(--mj-line);border-radius:17px;background:var(--ml-panel)}.ml-review-guide-head__route small,.ml-review-guide-head__route strong,.ml-review-guide-head__route span{display:block}.ml-review-guide-head__route small{color:var(--ml-accent);font-size:8px;font-weight:800}.ml-review-guide-head__route strong{margin:5px 0;font-size:12px;line-height:1.7}.ml-review-guide-head__route span{color:var(--mj-muted);font-size:8px}
.ml-review-deck--tap{max-width:860px;margin:15px auto 40px}.ml-review-session--tap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 20px;padding:15px 18px}.ml-review-session--tap>div span,.ml-review-session--tap>div b{display:block}.ml-review-session--tap>div span{color:var(--mj-muted);font-size:7px}.ml-review-session--tap>div b{font-size:11px}.ml-review-session--tap>div i{color:var(--ml-accent);font-style:normal}.ml-review-session--tap ol{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0;padding:0;list-style:none}.ml-review-session--tap li{padding:7px;border-radius:9px;background:rgba(127,145,164,.075);color:var(--mj-muted);font-size:7px;text-align:center;transition:.2s}.ml-review-session--tap li.is-active{background:var(--mj-primary-soft);color:var(--ml-accent);font-weight:800}.ml-review-session--tap li.is-done{color:#3dcd95}.ml-review-session--tap>i{grid-column:1/-1}.ml-review-session--tap>small{grid-column:1/-1;text-align:center!important}
.ml-review-card--tap{min-height:590px;padding:24px;background:linear-gradient(145deg,var(--ml-panel),var(--mj-bg))}.ml-review-card--tap>header{align-items:center}.ml-review-confidence{display:inline-flex;align-items:center;gap:6px;color:var(--mj-muted);font-size:7px}.ml-review-confidence i{width:7px;height:7px;border-radius:50%;background:#3dcd95;box-shadow:0 0 0 4px rgba(61,205,149,.1)}.ml-review-task--tap{min-height:245px;display:grid;place-items:center;align-content:center;padding:26px;text-align:center}.ml-review-task--tap>small{margin-top:10px;color:var(--mj-muted);font-size:8px}.ml-review-task--tap h2{max-width:720px;margin:9px 0 0;font-size:clamp(22px,3.6vw,40px);line-height:1.65}.ml-review-visual-cue{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;background:var(--mj-primary-soft);color:var(--ml-accent);font:900 24px Arial}.ml-review-audio-button--large{display:grid;grid-template-columns:50px auto;grid-template-rows:auto auto;gap:1px 10px;min-width:215px;margin:0;padding:11px 15px;border-radius:17px;text-align:right}.ml-review-audio-button--large>span{grid-row:1/3;width:48px;height:48px}.ml-review-audio-button--large>b{align-self:end;font-size:11px}.ml-review-audio-button--large>small{align-self:start;color:var(--mj-muted);font-size:7px}
.ml-review-tap-response{padding:17px;border:1px solid var(--mj-line);border-radius:18px;background:var(--mj-surface-soft)}.ml-review-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ml-review-choices button{min-height:61px;padding:12px 15px;border:1px solid var(--mj-line);border-radius:13px;background:var(--mj-bg);color:var(--mj-text);font:700 11px/1.8 inherit;cursor:pointer;transition:.17s}.ml-review-choices button:hover,.ml-review-choices button:focus-visible{border-color:var(--ml-accent);transform:translateY(-1px)}.ml-review-choices button.is-selected{border-color:var(--ml-accent);background:var(--mj-primary-soft)}.ml-review-choices button.is-answer{border-color:#3dcd95!important;background:rgba(61,205,149,.1)!important}.ml-review-dont-know{display:block;margin:11px auto 0;padding:6px 12px;border:0;background:transparent;color:var(--mj-muted);font-size:8px;cursor:pointer}.ml-review-dont-know:hover{color:var(--mj-text)}
.ml-review-built-answer{min-height:64px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:10px;border:1px dashed rgba(var(--mj-accent-rgb),.35);border-radius:13px;background:var(--mj-bg)}.ml-review-built-answer>span{color:var(--mj-muted);font-size:9px}.ml-review-built-answer button,.ml-review-tiles button{padding:8px 11px;border:1px solid var(--mj-line);border-radius:9px;background:var(--ml-panel);color:var(--mj-text);font:700 11px "Segoe UI",sans-serif;cursor:pointer}.ml-review-built-answer button{border-color:rgba(var(--mj-accent-rgb),.35);background:var(--mj-primary-soft)}.ml-review-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:12px}.ml-review-tiles button:disabled{opacity:.25}.ml-review-tile-actions{display:flex;justify-content:center;gap:8px;margin-top:13px}.ml-review-tile-actions>button:first-child{padding:0 14px;border:1px solid var(--mj-line);border-radius:10px;background:transparent;color:var(--mj-muted);cursor:pointer}.ml-review-optional-type textarea{width:100%;padding:12px;border:1px solid var(--mj-line);border-radius:11px;background:var(--mj-bg);color:var(--mj-text)}
.ml-review-result--tap{grid-template-columns:175px minmax(0,1fr);margin-top:0;padding:22px}.ml-review-result--tap>div>span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 8px;border-radius:50%;background:rgba(61,205,149,.13);color:#3dcd95;font-size:26px}.ml-review-card--tap.is-incorrect .ml-review-result--tap>div>span{background:rgba(255,178,87,.12);color:var(--mj-warning)}.ml-review-result--tap>div>strong{color:var(--mj-text);font:800 11px/1.6 inherit}.ml-review-result--tap>div>small{display:block;margin-top:4px;color:var(--ml-accent);font-size:10px}.ml-review-complete--guided>small{margin-top:15px;color:#3dcd95;font-size:9px;font-weight:800}.ml-review-complete--guided>div{min-width:min(100%,420px);margin:13px 0 18px;padding:14px;border:1px solid var(--mj-line);border-radius:14px;background:var(--mj-surface-soft)}.ml-review-complete--guided>div strong,.ml-review-complete--guided>div small{display:block}.ml-review-complete--guided>div small{margin-top:4px;color:var(--mj-muted)}
html[data-theme="light"] .ml-guided-path,html[data-theme="light"] .ml-review-card--tap{background:linear-gradient(145deg,#fff,#f5f8fb)}html[data-theme="light"] .ml-review-choices button,html[data-theme="light"] .ml-review-built-answer{background:#fff}
@media(max-width:1050px){.ml-guided-roadmap{grid-template-columns:1fr 1fr}.ml-guided-roadmap li:last-child{grid-column:1/-1}.ml-guided-current{grid-template-columns:64px minmax(0,1fr)}.ml-guided-current>a{grid-column:1/-1;justify-self:stretch}.ml-review-guide-head{grid-template-columns:1fr}.ml-review-guide-head__route{max-width:520px}}
@media(max-width:720px){.ml-guided-path{padding:19px;border-radius:22px}.ml-guided-path>header{grid-template-columns:1fr}.ml-guided-path__progress{text-align:right}.ml-guided-current{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px}.ml-guided-current__number{height:52px;border-radius:13px}.ml-guided-current__number strong{font-size:21px}.ml-guided-current h3{font-size:13px}.ml-guided-roadmap{grid-template-columns:1fr}.ml-guided-roadmap li:last-child{grid-column:auto}.ml-guided-path>footer{display:block}.ml-guided-path>footer p{margin-top:7px}.ml-review-guide-head{padding:18px 4px}.ml-review-guide-head h1{font-size:36px;letter-spacing:-1px}.ml-review-guide-head p{font-size:10px}.ml-review-card--tap{min-height:560px;padding:15px;border-radius:21px}.ml-review-session--tap{grid-template-columns:1fr}.ml-review-session--tap ol{grid-template-columns:repeat(3,1fr)}.ml-review-task--tap{min-height:225px;padding:17px 4px}.ml-review-choices{grid-template-columns:1fr}.ml-review-choices button{min-height:55px}.ml-review-result--tap{grid-template-columns:1fr}.ml-review-result--tap>button{justify-self:stretch}.ml-review-confidence{max-width:150px;text-align:left}.ml-today-plan small{white-space:normal;line-height:1.5}}

.ml-progress-hero { min-height:300px; padding:40px; border:1px solid var(--mj-line); border-radius:28px; background:radial-gradient(circle at 8% 10%,rgba(var(--mj-accent-rgb),.12),transparent 25rem),var(--ml-panel); }
.ml-level-orb { width:165px; aspect-ratio:1; flex:0 0 auto; display:grid; place-items:center; align-content:center; border:8px solid rgba(var(--mj-accent-rgb),.13); border-top-color:var(--ml-accent); border-radius:50%; text-align:center; }
.ml-level-orb strong { font:900 48px/1 Arial; }
.ml-level-orb span,.ml-level-orb small { color:var(--mj-muted); font-size:9px; }
.ml-level-orb small { color:var(--ml-accent); }
.ml-progress-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:15px; }
.ml-progress-panel { padding:25px; border:1px solid var(--mj-line); border-radius:22px; background:var(--ml-panel); }
.ml-progress-panel > header { display:flex; justify-content:space-between; align-items:end; margin-bottom:18px; }
.ml-progress-panel h2 { margin:3px 0; }
.ml-progress-panel header > small { color:var(--mj-muted); }
.ml-skill-map { margin-bottom:15px; }
.ml-achievement-panel { margin-bottom:15px; }
.ml-achievement-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ml-achievement-grid article { min-height:88px; display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:10px; padding:14px; border:1px solid var(--mj-line); border-radius:16px; background:rgba(255,255,255,.025); }
.ml-achievement-grid article > span { width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.055);color:var(--mj-muted);font-size:16px;filter:grayscale(1); }
.ml-achievement-grid strong,.ml-achievement-grid small { display:block; }
.ml-achievement-grid strong { font-size:10px; }
.ml-achievement-grid small { color:var(--mj-muted);font-size:8px; }
.ml-achievement-grid b { color:var(--mj-muted);font-size:8px; }
.ml-achievement-grid .is-unlocked { border-color:rgba(var(--mj-accent-rgb),.25);background:linear-gradient(145deg,rgba(var(--mj-accent-rgb),.09),rgba(255,255,255,.02)); }
.ml-achievement-grid .is-unlocked > span { background:var(--mj-primary-soft);color:var(--ml-accent);filter:none;box-shadow:0 8px 25px rgba(var(--mj-accent-strong-rgb),.1); }
.ml-achievement-grid .is-unlocked b { color:var(--ml-accent);font-size:13px; }
.ml-skill-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.ml-skill-grid article { display:grid; grid-template-columns:1fr auto; gap:8px; padding:15px; border:1px solid var(--mj-line); border-radius:15px; background:rgba(255,255,255,.025); }
.ml-skill-grid strong,.ml-skill-grid small { display:block; }
.ml-skill-grid small { margin-top:4px; color:var(--mj-muted); font-size:8px; }
.ml-skill-grid b { color:var(--ml-accent); font-size:13px; }
.ml-skill-grid article > span { grid-column:1/-1; height:6px; overflow:hidden; border-radius:6px; background:rgba(255,255,255,.07); }
.ml-skill-grid i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--ml-accent),#42d0a1); }
.ml-mastery-list,.ml-attempt-list { display:grid; gap:7px; }
.ml-mastery-list article { display:grid; grid-template-columns:minmax(120px,1fr) minmax(90px,1fr) 38px; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--mj-line); }
.ml-mastery-list strong { display:block; text-align:right; }
.ml-mastery-list small { color:var(--mj-muted); font-size:8px; }
.ml-mastery-list article > span { height:6px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,.06); }
.ml-mastery-list i { display:block; height:100%; border-radius:inherit; background:var(--ml-accent); }
.ml-mastery-list article > b { font-size:10px; }
.ml-mastery-dimensions { display:flex; flex-wrap:wrap; gap:4px; margin-top:7px; }
.ml-mastery-dimensions span { padding:3px 6px; border:1px solid var(--mj-line); border-radius:999px; color:var(--mj-muted); font-size:7px; white-space:nowrap; }
.ml-mastery-dimensions span.is-measured { border-color:rgba(94,217,181,.3); background:rgba(94,217,181,.08); color:var(--mj-text); }
.ml-mastery-dimensions b { color:inherit; font-size:7px; }
.ml-outcomes-page { padding-bottom:50px; }
.ml-outcomes-hero { background:radial-gradient(circle at 8% 10%,rgba(var(--mj-accent-rgb),.14),transparent 25rem),radial-gradient(circle at 90% 85%,rgba(91,200,255,.08),transparent 22rem),var(--ml-panel); }
.ml-outcome-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0; }
.ml-outcome-summary article { padding:17px;border:1px solid var(--mj-line);border-radius:17px;background:var(--ml-panel); }
.ml-outcome-summary span,.ml-outcome-summary small { display:block;color:var(--mj-muted);font-size:8px;line-height:1.7; }
.ml-outcome-summary strong { display:block;margin:7px 0;color:var(--ml-accent);font:900 30px/1 Arial; }
.ml-outcome-panel { margin-top:14px; }
.ml-outcome-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }
.ml-outcome-grid article { padding:15px;border:1px solid var(--mj-line);border-radius:16px;background:var(--mj-surface-soft); }
.ml-outcome-grid article.is-unmeasured { border-style:dashed;opacity:.78; }
.ml-outcome-grid article header { display:flex;justify-content:space-between;gap:8px;align-items:center; }
.ml-outcome-grid article header span { font-size:10px;font-weight:800; }
.ml-outcome-grid article header em { padding:4px 7px;border-radius:999px;background:rgba(126,141,160,.1);color:var(--mj-muted);font-size:7px;font-style:normal; }
.ml-outcome-grid article.is-measured header em { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-outcome-grid article > div { display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;margin:15px 0 8px; }
.ml-outcome-grid article > div strong { font:900 22px/1 Arial; }
.ml-outcome-grid article > div i,.ml-dependency-bars i,.ml-lesson-outcomes article > i { height:6px;overflow:hidden;border-radius:6px;background:rgba(126,141,160,.12); }
.ml-outcome-grid article > div u,.ml-dependency-bars u,.ml-lesson-outcomes article > i u { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ml-accent),#5bc8ff);text-decoration:none; }
.ml-outcome-grid article p { min-height:38px;margin:0;color:var(--mj-muted);font-size:8px;line-height:1.8; }
.ml-outcome-grid article footer { display:flex;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--mj-line);color:var(--mj-muted);font-size:7px; }
.ml-outcome-layout { display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px; }
.ml-can-do-list,.ml-next-action-list { display:grid;gap:7px; }
.ml-can-do-list article { display:grid;grid-template-columns:34px 1fr 42px;align-items:center;gap:9px;padding:11px;border:1px solid var(--mj-line);border-radius:12px; }
.ml-can-do-list article > span { width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(126,141,160,.1);color:var(--mj-muted); }
.ml-can-do-list article.is-demonstrated > span { background:var(--ml-accent);color:var(--mj-on-primary); }
.ml-can-do-list strong,.ml-can-do-list small { display:block; }
.ml-can-do-list strong { font-size:9px;line-height:1.7; }.ml-can-do-list small { margin-top:3px;color:var(--mj-muted);font-size:7px; }
.ml-can-do-list article > b { font:800 9px Arial; }
.ml-next-action-list a { display:grid;grid-template-columns:31px 1fr;gap:10px;padding:12px;border:1px solid transparent;border-radius:13px;background:var(--mj-surface-soft);color:inherit;text-decoration:none;transition:.18s; }
.ml-next-action-list a:hover { border-color:rgba(var(--mj-accent-rgb),.35);transform:translateY(-1px); }
.ml-next-action-list a > span { width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--mj-primary-soft);color:var(--ml-accent);font:800 10px Arial; }
.ml-next-action-list strong { font-size:9px; }.ml-next-action-list p { margin:4px 0 0;color:var(--mj-muted);font-size:8px;line-height:1.8; }
.ml-next-action-list small { display:block;margin-top:6px;color:var(--ml-accent);font-size:8px;font-weight:800; }
.ml-impact-windows{margin-top:14px}.ml-impact-window-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ml-impact-window-grid>article{padding:18px;border:1px solid var(--mj-line);border-radius:17px;background:linear-gradient(135deg,var(--ml-panel),var(--mj-surface-soft))}.ml-impact-window-grid>article.is-measured{border-color:rgba(var(--mj-accent-rgb),.35)}.ml-impact-window-grid>article>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ml-impact-window-grid>article>header span{font-size:12px;font-weight:900}.ml-impact-window-grid>article>header em{padding:5px 8px;border-radius:8px;background:var(--mj-surface-soft);color:var(--mj-muted);font-size:8px;font-style:normal}.ml-impact-window-score{display:flex;align-items:center;gap:13px;margin:17px 0}.ml-impact-window-score>strong{min-width:70px;color:var(--ml-accent);font:900 37px/1 Arial}.ml-impact-window-score>span{font-size:10px;font-weight:800}.ml-impact-window-score small{display:block;margin-top:4px;color:var(--mj-muted);font-size:8px;font-weight:500}.ml-impact-window-grid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.ml-impact-window-grid dl>div{padding:9px;border-radius:10px;background:var(--mj-surface-soft)}.ml-impact-window-grid dt{color:var(--mj-muted);font-size:8px}.ml-impact-window-grid dd{margin:4px 0 0;font-size:10px;font-weight:850}.ml-impact-window-grid>article>p{margin:13px 0 0;color:var(--mj-muted);font-size:8px;line-height:1.9}
.ml-error-cloud { display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--mj-line); }.ml-error-cloud small{width:100%;color:var(--mj-muted)}.ml-error-cloud span{padding:5px 8px;border-radius:999px;background:rgba(255,111,125,.09);color:var(--mj-danger);font-size:7px}
.ml-unseen-panel { margin-top:14px;background:radial-gradient(circle at 90% 0,rgba(91,200,255,.08),transparent 20rem),var(--ml-panel); }
.ml-unseen-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center; }
.ml-unseen-grid > div > p { margin:0 0 7px;font-size:13px;line-height:1.9; }.ml-unseen-grid > div > small{color:var(--mj-muted);font-size:8px;line-height:1.8}
.ml-unseen-grid > div > button { display:flex;align-items:center;gap:9px;margin-top:16px;padding:11px 15px;border:1px solid rgba(var(--mj-accent-rgb),.3);border-radius:999px;background:var(--mj-primary-soft);color:var(--ml-accent);cursor:pointer; }.ml-unseen-grid>div>button span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--ml-accent);color:var(--mj-on-primary)}.ml-unseen-grid>div>button.is-playing span{animation:ml-pulse 1s infinite}
.ml-unseen-grid form { display:grid;grid-template-columns:repeat(2,1fr);gap:7px; }.ml-unseen-grid form label{position:relative}.ml-unseen-grid form input{position:absolute;opacity:0}.ml-unseen-grid form label span{height:100%;display:flex;align-items:center;padding:12px;border:1px solid var(--mj-line);border-radius:11px;cursor:pointer;font-size:9px;line-height:1.7}.ml-unseen-grid form input:checked+span{border-color:var(--ml-accent);background:var(--mj-primary-soft)}.ml-unseen-grid form label.is-correct-answer span{border-color:var(--ml-accent);color:var(--ml-accent)}.ml-unseen-grid form>button{grid-column:1/-1}
.ml-unseen-result { display:grid;grid-template-columns:80px 1fr;gap:15px;align-items:center;margin-top:16px;padding:15px;border:1px solid var(--mj-line);border-radius:14px;background:var(--mj-surface-soft); }.ml-unseen-result>strong{color:var(--ml-accent);font:900 30px Arial}.ml-unseen-result h3{margin:0}.ml-unseen-result p,.ml-unseen-result small{color:var(--mj-muted);font-size:8px;line-height:1.8}
.ml-dependency-bars { display:grid;gap:15px; }.ml-dependency-bars span{display:flex;justify-content:space-between;margin-bottom:6px;font-size:9px}.ml-dependency-bars b{font-size:8px}.ml-dependency-bars i{display:block}.ml-dependency-bars>div:first-child u{background:linear-gradient(90deg,var(--mj-warning),var(--mj-danger))}.ml-subtitle-evidence>p{margin:16px 0 0;color:var(--mj-muted);font-size:8px;line-height:1.9}
.ml-placement-evidence>header a{color:var(--ml-accent);font-size:8px}.ml-placement-evidence>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.ml-placement-evidence article{padding:10px;border:1px solid var(--mj-line);border-radius:11px}.ml-placement-evidence article span,.ml-placement-evidence article small{display:block;color:var(--mj-muted);font-size:7px}.ml-placement-evidence article strong{display:block;margin:5px 0;color:var(--ml-accent);font:900 17px Arial}
.ml-lesson-outcomes { margin-top:14px; }.ml-lesson-outcomes>div{display:grid;gap:7px}.ml-lesson-outcomes article{display:grid;grid-template-columns:minmax(180px,1fr) 45px minmax(80px,.5fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--mj-line);border-radius:12px}.ml-lesson-outcomes article>div span,.ml-lesson-outcomes article>div small{display:block;color:var(--mj-muted);font-size:7px}.ml-lesson-outcomes article>div strong{display:block;margin:4px 0;font-size:9px}.ml-lesson-outcomes article>b{font:850 10px Arial}.ml-lesson-outcomes article>a{color:var(--ml-accent);font-size:8px}
.ml-mastery-evidence { margin-top:14px; }
@media(max-width:900px){.ml-outcome-grid{grid-template-columns:repeat(2,1fr)}.ml-outcome-layout,.ml-unseen-grid{grid-template-columns:1fr}.ml-outcome-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ml-impact-window-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ml-outcome-grid,.ml-outcome-summary,.ml-unseen-grid form,.ml-placement-evidence>div{grid-template-columns:1fr}.ml-lesson-outcomes article{grid-template-columns:1fr 40px}.ml-lesson-outcomes article>i,.ml-lesson-outcomes article>a{grid-column:1/-1}.ml-outcome-grid article p{min-height:0}.ml-impact-window-grid dl{grid-template-columns:1fr 1fr}}
.ml-attempt-list article { display:grid; grid-template-columns:34px 1fr 38px; align-items:center; gap:9px; padding:11px 0; border-bottom:1px solid var(--mj-line); }
.ml-attempt-list article > span { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,111,125,.12);color:var(--mj-danger); }
.ml-attempt-list article > span.is-correct { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-attempt-list strong { display:block; font-size:10px; }
.ml-attempt-list small { display:block; color:var(--mj-muted); font-size:8px; }
.ml-mini-empty { padding:50px 20px; color:var(--mj-muted); text-align:center; }
.ml-content-map { margin-bottom:15px; }
.ml-content-progress-list { display:grid;gap:8px; }
.ml-content-progress-list>article { display:grid;grid-template-columns:72px minmax(150px,.65fr) minmax(220px,1fr) auto;align-items:center;gap:15px;min-height:96px;padding:11px;border:1px solid var(--mj-line);border-radius:16px;background:rgba(255,255,255,.02); }
.ml-content-progress-list img { width:68px;height:72px;object-fit:cover;border-radius:11px; }
.ml-content-progress-list__copy>span { color:var(--ml-accent);font-size:7px;font-weight:800; }.ml-content-progress-list__copy h3{margin:1px 0;font:750 15px/1.35 "Segoe UI",sans-serif;text-align:left}.ml-content-progress-list__copy small{display:block;color:var(--mj-muted);font-size:8px}
.ml-content-progress-list__tracks { display:grid;gap:5px; }.ml-content-progress-list__tracks>div{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:8px}.ml-content-progress-list__tracks span{display:flex;justify-content:space-between;color:var(--mj-muted);font-size:7px}.ml-content-progress-list__tracks b{color:var(--mj-text)}.ml-content-progress-list__tracks i{height:5px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.07)}.ml-content-progress-list__tracks u{display:block;height:100%;background:var(--ml-accent);text-decoration:none}.ml-content-progress-list__tracks>div:nth-child(1) u{background:#65c8ff}.ml-content-progress-list__tracks>div:nth-child(3) u{background:#c4a2ff}
.ml-content-progress-list>article>a { min-width:max-content;padding:8px 10px;border:1px solid rgba(var(--mj-accent-rgb),.2);border-radius:9px;color:var(--ml-accent);font-size:8px;font-weight:800; }

/* Learning player */
.ml-player-page .mj-footer,.ml-player-page .mj-bottom-nav { display:none; }
.ml-player-app { width:min(1800px,calc(100vw - 34px)); margin:0 auto; padding:calc(var(--mj-header) + 12px) 0 30px; direction:rtl; }
.ml-player-topbar { min-height:70px; display:grid; grid-template-columns:210px 1fr auto; align-items:center; gap:20px; padding:9px 15px; }
.ml-player-back { color:var(--mj-muted);font-size:11px; }
.ml-player-back:hover { color:var(--ml-accent); }
.ml-player-topbar > div:nth-child(2) { text-align:center; }
.ml-player-topbar small { display:block;color:var(--mj-muted);font-size:9px; }
.ml-player-topbar strong { display:block;max-width:700px;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }
.ml-player-modes { display:flex;padding:4px;border:1px solid var(--mj-line);border-radius:13px;background:var(--ml-panel); }
.ml-player-modes button { padding:8px 13px;border:0;border-radius:9px;background:transparent;color:var(--mj-muted);font-size:10px;cursor:pointer; }
.ml-player-modes button.is-active { background:var(--ml-accent);color:var(--mj-on-primary);font-weight:800; }
.ml-player-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,430px); gap:13px; align-items:start; }
.ml-video-shell { aspect-ratio:16/9; position:relative; overflow:hidden; border:1px solid var(--mj-line); border-radius:22px; background:#030507;box-shadow:var(--mj-shadow); }
.ml-video-shell video { width:100%;height:100%;object-fit:contain;background:#000; }
.ml-learning-start{position:absolute;z-index:10;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:150px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 10px;padding:11px 14px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(5,12,18,.88);color:#fff;font-family:inherit;text-align:right;backdrop-filter:blur(14px);box-shadow:0 18px 60px rgba(0,0,0,.45);cursor:pointer}.ml-learning-start[hidden]{display:none}.ml-learning-start>span{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--ml-accent);color:var(--mj-on-primary);font-size:16px}.ml-learning-start>b{align-self:end;font-size:13px}.ml-learning-start>small{align-self:start;color:#aab9c2;font-size:8px}
.ml-learning-start.is-unmute{inset:14px auto auto 14px;transform:none;min-width:0;grid-template-columns:34px auto;padding:7px 10px;border-radius:13px}.ml-learning-start.is-unmute>span{width:34px;height:34px;font-size:0}.ml-learning-start.is-unmute>span:before{content:"🔊";font-size:14px}.ml-learning-start.is-unmute>b{font-size:10px}.ml-learning-start.is-unmute>small{font-size:7px}
.ml-media-state { position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle,rgba(28,51,42,.8),rgba(3,6,9,.96));text-align:center; }
.ml-media-state i { width:44px;height:44px;border:3px solid rgba(var(--mj-accent-rgb),.2);border-top-color:var(--ml-accent);border-radius:50%;animation:ml-spin 1s linear infinite; }
.ml-media-state span { color:var(--mj-muted);font-size:10px; }
@keyframes ml-spin { to{transform:rotate(360deg)} }
.ml-cue-overlay { position:absolute;inset:auto 7% 58px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:4px 10px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(3,7,11,.8);backdrop-filter:blur(13px);pointer-events:none;transition:.2s; }
.ml-cue-overlay button { grid-row:1/3;width:31px;height:31px;border:1px solid var(--mj-line);border-radius:10px;background:rgba(255,255,255,.07);cursor:pointer;pointer-events:auto; }
.ml-cue-overlay strong { color:#f7fbff;text-align:center;font:650 clamp(13px,1.4vw,21px)/1.45 "Segoe UI",sans-serif;text-shadow:0 2px 5px rgba(0,0,0,.95); }
.ml-cue-overlay span { color:#ced6df;text-align:center;font-size:clamp(10px,1vw,14px); }
.ml-player-app[data-resolved-subtitle-mode="english"] .ml-cue-overlay span,.ml-player-app[data-resolved-subtitle-mode="persian"] .ml-cue-overlay strong,.ml-player-app[data-resolved-subtitle-mode="off"] .ml-cue-overlay { display:none; }
.ml-player-app[data-learning-mode="watch"] .ml-cue-overlay button { display:none; }
.ml-player-app[data-learning-mode="review"] .ml-cue-overlay span { filter:blur(7px);cursor:pointer;pointer-events:auto; }
.ml-player-toolbar { min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px; }
.ml-subtitle-switch { display:flex;gap:3px;padding:3px;border:1px solid var(--mj-line);border-radius:11px; }
.ml-subtitle-switch button,.ml-play-tools button,.ml-play-tools select { height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--mj-muted);font-size:9px;cursor:pointer; }
.ml-subtitle-switch button.is-active { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-play-tools { display:flex;align-items:center;gap:7px;color:var(--mj-muted);font-size:9px; }
.ml-play-tools button,.ml-play-tools select { border:1px solid var(--mj-line);background:var(--ml-panel); }
.ml-play-tools label { display:flex;align-items:center;gap:5px; }
.ml-auto-pause input { accent-color:var(--ml-accent); }
.ml-transcript { margin-top:10px;padding:21px;border:1px solid var(--mj-line);border-radius:20px;background:var(--ml-panel); }
.ml-transcript > header { display:flex;justify-content:space-between;align-items:end;margin-bottom:12px; }
.ml-transcript h2 { margin:1px 0;font-size:19px; }
.ml-transcript header small { color:var(--mj-muted);font-size:9px; }
.ml-transcript-list { max-height:480px;overflow-y:auto;scrollbar-color:rgba(var(--mj-accent-rgb),.25) transparent; }
.ml-transcript-list > button { width:100%;display:grid;grid-template-columns:45px 1fr 45px;gap:12px;align-items:start;padding:13px;border:0;border-bottom:1px solid var(--mj-line);background:transparent;color:inherit;text-align:right;cursor:pointer; }
.ml-transcript-list > button:hover,.ml-transcript-list > button.is-active { border-radius:12px;background:var(--mj-primary-soft); }
.ml-transcript-list time { color:#6f7d8d;font:10px/1.8 Arial; }
.ml-transcript-list strong { display:block;color:#eff4f8;text-align:left;font:600 13px/1.6 "Segoe UI",sans-serif; }
.ml-transcript-list small { display:block;margin-top:2px;color:var(--mj-muted);font-size:10px; }
.ml-transcript-list i { padding:4px;border-radius:6px;background:var(--mj-primary-soft);color:var(--ml-accent);font-size:7px;font-style:normal; }
.ml-coach-panel { position:sticky;top:calc(var(--mj-header) + 12px);height:calc(100vh - var(--mj-header) - 28px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--mj-line);border-radius:22px;background:var(--ml-panel); }
.ml-coach-tabs { display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border-bottom:1px solid var(--mj-line); }
.ml-coach-tabs button { height:42px;border:0;border-radius:10px;background:transparent;color:var(--mj-muted);font-size:10px;cursor:pointer; }
.ml-coach-tabs button.is-active { background:var(--mj-primary-soft);color:var(--ml-accent);font-weight:800; }
.ml-coach-view { min-height:0;flex:1;padding:22px;overflow-y:auto; }
.ml-coach-view > header h2 { margin:5px 0 7px;font-size:17px;line-height:1.7; }
.ml-coach-view > header p { margin:0 0 18px;color:var(--mj-muted);font-size:10px; }
.ml-point-list { display:grid;gap:9px; }
.ml-point-card { padding:16px;border:1px solid var(--mj-line);border-radius:15px;background:rgba(255,255,255,.025); }
.ml-point-card--grammar { position:relative;overflow:hidden;border-color:rgba(var(--mj-accent-rgb),.18);background:linear-gradient(145deg,rgba(var(--mj-accent-rgb),.07),rgba(255,255,255,.018) 70%); }
.ml-point-card--grammar::before { content:"G";position:absolute;inset:auto -5px -24px auto;color:rgba(var(--mj-accent-rgb),.045);font:900 100px/1 Arial,sans-serif;pointer-events:none; }
.ml-point-card__meta { display:flex;justify-content:space-between;color:var(--mj-muted);font-size:8px;text-transform:uppercase; }
.ml-point-card__meta span { color:var(--ml-accent); }
.ml-point-list h3 { margin:7px 0 2px;font:700 17px/1.4 "Segoe UI",sans-serif;text-align:left; }
.ml-point-card > strong { display:block;font-size:10px; }
.ml-point-card > p { margin:5px 0;color:var(--mj-muted);font-size:9px; }
.ml-point-card > code { display:block;margin-top:7px;padding:7px;border-radius:8px;background:#07100d;color:var(--ml-accent);font-size:10px;text-align:left; }
.ml-open-grammar { width:100%;min-height:52px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 12px;border:1px solid rgba(var(--mj-accent-rgb),.26);border-radius:12px;background:rgba(var(--mj-accent-rgb),.1);color:var(--mj-text);text-align:right;cursor:pointer;transition:border-color .18s,background .18s,transform .18s; }
.ml-open-grammar:hover { border-color:rgba(var(--mj-accent-rgb),.55);background:rgba(var(--mj-accent-rgb),.16);transform:translateY(-1px); }
.ml-open-grammar span { display:grid;gap:2px; }
.ml-open-grammar b { font-size:9px; }
.ml-open-grammar small { color:var(--mj-muted);font-size:7px; }
.ml-open-grammar i { width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:var(--ml-accent);color:#062116;font-style:normal;font-weight:900; }

.ml-grammar-panel { position:absolute;z-index:12;inset:55px 0 0;display:flex;min-height:0;flex-direction:column;background:var(--ml-panel);animation:mlGrammarPanelIn .22s ease; }
.ml-grammar-panel__topbar { min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--mj-line);background:rgba(var(--mj-accent-rgb),.035); }
.ml-grammar-panel__topbar button { min-height:36px;padding:0 10px;border:1px solid var(--mj-line);border-radius:10px;background:transparent;color:var(--mj-text);font:700 8px/1 var(--mj-font-fa);cursor:pointer; }
.ml-grammar-panel__topbar button:hover { border-color:var(--ml-accent);color:var(--ml-accent); }
.ml-grammar-panel__topbar > span { color:var(--ml-accent);font:800 8px/1 Arial,sans-serif;letter-spacing:1.5px; }
.ml-grammar-panel__scroll { min-height:0;flex:1;padding:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(var(--mj-accent-rgb),.3) transparent; }
.ml-grammar-guide { display:grid;gap:16px; }
.ml-grammar-guide > section { padding:16px;border:1px solid var(--mj-line);border-radius:16px;background:rgba(255,255,255,.02); }
.ml-grammar-hero { position:relative;isolation:isolate;padding:21px;overflow:hidden;border:1px solid rgba(var(--mj-accent-rgb),.22);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(var(--mj-accent-rgb),.16),transparent 48%),linear-gradient(145deg,#142638,#0c151f); }
.ml-grammar-hero::after { content:"GRAMMAR";position:absolute;z-index:-1;inset:auto -10px -16px auto;color:rgba(255,255,255,.025);font:900 48px/1 Arial,sans-serif;letter-spacing:-3px; }
.ml-grammar-hero > div { display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--mj-muted);font-size:7px; }
.ml-grammar-hero > div span { padding:4px 7px;border-radius:7px;background:var(--ml-accent);color:#062116;font-weight:900; }
.ml-grammar-hero h2 { margin:16px 0 0;outline:0;color:#fff;font:800 25px/1.25 "Segoe UI",sans-serif;text-align:left; }
.ml-grammar-hero h3 { margin:4px 0 9px;color:var(--ml-accent);font-size:13px; }
.ml-grammar-hero > p { margin:0;color:#b7c3cf;font-size:9px;line-height:2; }
.ml-grammar-section-title { display:flex;align-items:center;gap:10px;margin-bottom:13px; }
.ml-grammar-section-title > span { width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:1px solid rgba(var(--mj-accent-rgb),.22);border-radius:10px;background:var(--mj-primary-soft);color:var(--ml-accent);font:800 8px/1 Arial,var(--mj-font-fa); }
.ml-grammar-section-title > div { display:grid;gap:2px; }
.ml-grammar-section-title b { font-size:10px; }
.ml-grammar-section-title small { color:var(--mj-muted);font-size:7px; }
.ml-grammar-context blockquote { margin:0;padding:14px;border:0;border-radius:13px;background:linear-gradient(135deg,rgba(var(--mj-accent-rgb),.1),rgba(var(--mj-accent-rgb),.035)); }
.ml-grammar-context blockquote + blockquote { margin-top:7px; }
.ml-grammar-context strong { display:block;color:#f5f8fb;font:700 14px/1.7 "Segoe UI",sans-serif;text-align:left; }
.ml-grammar-context p { margin:4px 0;color:var(--mj-text);font-size:9px; }
.ml-grammar-context blockquote span { color:var(--ml-accent);font-size:7px; }
.ml-grammar-formulae { display:grid;gap:8px; }
.ml-grammar-formulae > div { padding:12px;border:1px solid var(--mj-line);border-radius:12px;background:rgba(0,0,0,.09); }
.ml-grammar-formulae span { display:block;margin-bottom:6px;color:var(--ml-accent);font-size:7px;font-weight:800; }
.ml-grammar-formulae code { display:block;overflow-wrap:anywhere;color:#f2f7f4;font:700 11px/1.7 Consolas,"Segoe UI",sans-serif;text-align:left; }
.ml-grammar-formulae small { display:block;margin-top:5px;color:var(--mj-muted);font-size:7px;line-height:1.8; }
.ml-grammar-uses { display:grid;gap:7px;margin:0;padding:0;list-style:none; }
.ml-grammar-uses li { display:grid;grid-template-columns:23px 1fr;align-items:start;gap:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.025);font-size:8px;line-height:1.8; }
.ml-grammar-uses i { width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--mj-primary-soft);color:var(--ml-accent);font-style:normal; }
.ml-grammar-signals { margin-top:12px;padding-top:12px;border-top:1px solid var(--mj-line); }
.ml-grammar-signals > span { display:block;margin-bottom:7px;color:var(--mj-muted);font-size:7px; }
.ml-grammar-signals > div { display:flex;flex-wrap:wrap;gap:5px;direction:ltr; }
.ml-grammar-signals code { padding:5px 7px;border:1px solid rgba(var(--mj-accent-rgb),.16);border-radius:7px;background:var(--mj-primary-soft);color:var(--ml-accent);font-size:8px; }
.ml-grammar-examples { display:grid;gap:7px; }
.ml-grammar-examples article { display:grid;grid-template-columns:27px 1fr;gap:9px;padding:10px;border:1px solid var(--mj-line);border-radius:11px;background:rgba(255,255,255,.018); }
.ml-grammar-examples article > span { width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(127,143,162,.1);color:var(--mj-muted);font:800 8px/1 Arial; }
.ml-grammar-examples strong { display:block;color:#f2f7f5;font:650 11px/1.65 "Segoe UI",sans-serif;text-align:left; }
.ml-grammar-examples p { margin:2px 0;color:var(--mj-text);font-size:8px; }
.ml-grammar-examples small { color:var(--ml-accent);font-size:7px; }
.ml-grammar-mistake > div:last-child { display:grid;gap:6px; }
.ml-grammar-mistake p { position:relative;margin:0;padding:9px 10px 9px 35px;border-radius:10px;font:650 10px/1.6 "Segoe UI",sans-serif;text-align:left; }
.ml-grammar-mistake p i { position:absolute;inset:50% auto auto 9px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;font-style:normal;transform:translateY(-50%); }
.ml-grammar-mistake .is-wrong { border:1px solid rgba(255,111,125,.2);background:rgba(255,111,125,.07);color:#ffc2ca; }
.ml-grammar-mistake .is-wrong i { background:rgba(255,111,125,.15);color:#ff7f8f; }
.ml-grammar-mistake .is-right { border:1px solid rgba(var(--mj-accent-rgb),.22);background:var(--mj-primary-soft);color:#c5f9dd; }
.ml-grammar-mistake .is-right i { background:rgba(var(--mj-accent-rgb),.16);color:var(--ml-accent); }
.ml-grammar-mistake > div:last-child > small { color:var(--mj-muted);font-size:7px;line-height:1.9; }
.ml-grammar-checkpoint { border-color:rgba(255,190,85,.22)!important;background:linear-gradient(145deg,rgba(255,190,85,.08),rgba(255,255,255,.018))!important; }
.ml-grammar-checkpoint > span { color:var(--mj-gold);font-size:7px;font-weight:900; }
.ml-grammar-checkpoint h3 { margin:5px 0 10px;font-size:11px;line-height:1.8; }
.ml-grammar-checkpoint details { border:1px solid rgba(255,190,85,.18);border-radius:10px;background:rgba(0,0,0,.08); }
.ml-grammar-checkpoint summary { padding:9px;color:var(--mj-gold);font-size:8px;cursor:pointer; }
.ml-grammar-checkpoint details p { margin:0;padding:0 10px 10px;color:var(--mj-text);font:700 10px/1.7 "Segoe UI",sans-serif;text-align:left; }
@keyframes mlGrammarPanelIn { from { opacity:0;transform:translateX(-12px); } to { opacity:1;transform:none; } }
.ml-login-notice { display:block;margin-bottom:12px;padding:10px;border:1px solid rgba(255,190,85,.25);border-radius:10px;background:rgba(255,190,85,.07);color:var(--mj-gold);font-size:9px; }
.ml-exercise { min-height:390px; }
.ml-exercise__meta { display:flex;justify-content:space-between;color:var(--mj-muted);font-size:8px; }
.ml-exercise__meta span { color:var(--ml-accent);text-transform:uppercase; }
.ml-exercise h3 { margin:14px 0;font-size:18px; }
.ml-listen-button,.ml-shadow-target button { width:100%;min-height:48px;margin-bottom:12px;border:1px solid rgba(var(--mj-accent-rgb),.25);border-radius:13px;background:var(--mj-primary-soft);color:var(--ml-accent);cursor:pointer; }
.ml-exercise-choices { display:grid;gap:7px; }
.ml-exercise-choices span { min-height:50px;justify-content:flex-start;text-align:right;font-size:10px; }
.ml-answer-input span { display:block;margin-bottom:5px;color:var(--mj-muted);font-size:9px; }
.ml-answer-input textarea,.ml-recorder textarea { width:100%;padding:12px;border:1px solid var(--mj-line);border-radius:12px;outline:0;resize:vertical;background:#0a111a;color:white; }
.ml-answer-input textarea:focus { border-color:var(--ml-accent); }
.ml-check-answer { width:100%;margin-top:12px; }
.ml-answer-feedback { margin-top:10px;padding:12px;border:1px solid rgba(255,111,125,.24);border-radius:11px;background:rgba(255,111,125,.07);font-size:10px; }
.ml-answer-feedback.is-correct { border-color:rgba(var(--mj-accent-rgb),.27);background:var(--mj-primary-soft); }
.ml-reorder > div { min-height:55px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;padding:7px;border:1px dashed var(--mj-line);border-radius:11px; }
.ml-reorder button { padding:7px 9px;border:1px solid var(--mj-line);border-radius:8px;background:rgba(255,255,255,.055);color:white;cursor:pointer; }
.ml-exercise-nav { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px; }
.ml-exercise-nav button { border:0;background:transparent;color:var(--mj-muted);font-size:9px;cursor:pointer; }
.ml-exercise-nav button:disabled { opacity:.3; }
.ml-exercise-nav > span { height:4px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.06); }
.ml-exercise-nav i { display:block;width:14.28%;height:100%;background:var(--ml-accent);transition:.2s; }
.ml-shadow-target { padding:17px;border:1px solid rgba(var(--mj-accent-rgb),.18);border-radius:16px;background:var(--mj-primary-soft);text-align:center; }
.ml-shadow-target > span { color:var(--ml-accent);font-size:8px; }
.ml-shadow-target strong { display:block;margin:10px 0;font:700 19px/1.5 "Segoe UI",sans-serif; }
.ml-shadow-target p { color:#b5c0ca;font-size:10px; }
.ml-shadow-target button { margin:6px 0 0; }
.ml-recorder { display:grid;place-items:center;margin-top:18px;text-align:center; }
.ml-recorder > button { width:145px;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(255,111,125,.35);border-radius:50%;background:radial-gradient(circle,rgba(255,111,125,.14),rgba(255,111,125,.04));cursor:pointer; }
.ml-recorder > button i { width:29px;height:29px;border-radius:50%;background:var(--mj-danger);box-shadow:0 0 25px rgba(255,111,125,.35); }
.ml-recorder.is-recording > button { animation:ml-pulse 1.2s infinite; }
.ml-recorder.is-recording > button i { border-radius:7px; }
@keyframes ml-pulse { 50%{box-shadow:0 0 0 12px rgba(255,111,125,.06)} }
.ml-recorder > button span { font-size:9px; }
.ml-recorder > small { margin-top:9px;color:var(--mj-muted);font-size:8px; }
.ml-recorder label { width:100%;margin-top:12px;text-align:right; }
.ml-recorder label span { color:var(--mj-muted);font-size:8px; }
.ml-wave { height:30px;display:flex;align-items:center;gap:3px;margin-top:9px;opacity:.3; }
.ml-wave i { width:3px;height:7px;border-radius:3px;background:var(--mj-danger); }
.ml-recorder.is-recording .ml-wave { opacity:1; }
.ml-recorder.is-recording .ml-wave i { animation:ml-wave .7s infinite alternate; }
.ml-wave i:nth-child(2),.ml-wave i:nth-child(5){animation-delay:.2s!important}.ml-wave i:nth-child(3){animation-delay:.35s!important}
@keyframes ml-wave { to{height:27px} }
.ml-shadow-result { margin-top:16px;padding:15px;border:1px solid var(--mj-line);border-radius:15px; }
.ml-shadow-result > div { text-align:center; }
.ml-shadow-result > div strong { display:block;color:var(--ml-accent);font:900 45px/1 Arial; }
.ml-shadow-result > div span { color:var(--mj-muted);font-size:8px; }
.ml-shadow-result ul { list-style:none;margin:13px 0;padding:0; }
.ml-shadow-result li { display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--mj-line);font-size:9px; }
.ml-shadow-result p { color:var(--mj-muted);font-size:9px; }
.ml-pronunciation-score em { display:inline-flex;margin-top:8px;padding:5px 9px;border:1px solid var(--mj-line);border-radius:999px;color:var(--mj-muted);font:600 8px/1.4 var(--mj-font);font-style:normal; }
.ml-pronunciation-score em.is-verified { border-color:rgba(var(--mj-accent-rgb),.28);background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-pronunciation-metrics { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0!important; }
.ml-pronunciation-metrics li { padding:9px 10px!important;border:1px solid var(--mj-line)!important;border-radius:11px;background:var(--mj-surface-soft); }
.ml-pronunciation-details { margin-top:14px;padding-top:12px;border-top:1px solid var(--mj-line); }
.ml-pronunciation-details h3 { margin:0 0 9px;font-size:10px; }
.ml-pronunciation-details > div { display:flex;flex-wrap:wrap;gap:7px; }
.ml-pronunciation-details span { padding:6px 9px;border-radius:999px;background:rgba(255,178,87,.1);color:var(--mj-warning);font:700 9px/1.3 "Segoe UI",sans-serif; }
.ml-pronunciation-details article { flex:1 1 210px;padding:10px;border:1px solid var(--mj-line);border-radius:11px;background:var(--mj-surface-soft); }
.ml-pronunciation-details article strong { color:var(--ml-accent);font:800 10px/1.4 "Segoe UI",sans-serif; }
.ml-pronunciation-details article p { margin:5px 0 0;line-height:1.8; }
.ml-pronunciation-scope { display:block;margin-top:13px;padding:9px;border-radius:10px;background:rgba(126,141,160,.08);color:var(--mj-muted);font-size:8px;line-height:1.8; }
@media(max-width:520px){.ml-pronunciation-metrics{grid-template-columns:1fr}.ml-pronunciation-details article{flex-basis:100%}}

/* Guided learning player v3 */
.ml-player-app--guided { padding-top:calc(var(--mj-header) + 6px); }
.ml-player-app--guided .ml-player-topbar { grid-template-columns:minmax(190px,.6fr) minmax(330px,1.5fr) auto;min-height:84px; }
.ml-player-title>div { display:flex;justify-content:center;align-items:center;gap:6px;margin-top:5px;color:var(--mj-muted);font-size:8px; }
.ml-player-context{display:flex!important;align-items:center;justify-content:center;gap:7px;color:var(--mj-muted);font-size:10px!important}.ml-player-context>b{color:var(--mj-ink);font:850 11px/1.4 "Segoe UI",sans-serif}.ml-player-context>span{padding:4px 7px;border:1px solid var(--mj-line);border-radius:8px;background:var(--mj-surface-2)}
.ml-level-pill { padding:3px 7px;border:1px solid var(--mj-line);border-radius:999px;background:var(--ml-panel);font-family:var(--mj-font-fa); }
.ml-level-pill--content { border-color:rgba(var(--mj-accent-rgb),.3);background:var(--mj-primary-soft);color:var(--ml-accent);font-weight:800; }
.ml-lesson-journey { position:relative;display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:6px;overflow-x:auto;margin:0 0 12px;padding:7px;border:1px solid var(--mj-line);border-radius:17px;background:var(--ml-panel);box-shadow:0 12px 35px rgba(0,0,0,.08);scrollbar-width:thin; }
.ml-lesson-journey>button { position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:9px;padding:9px 11px;border:0;border-radius:12px;background:transparent;color:var(--mj-muted);text-align:right;cursor:pointer;transition:.2s; }
.ml-lesson-journey>button:hover { background:rgba(var(--mj-accent-rgb),.06); }
.ml-lesson-journey>button>i { flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--mj-line);border-radius:10px;background:rgba(255,255,255,.025);font:800 10px/1 Arial;font-style:normal; }
.ml-lesson-journey b,.ml-lesson-journey small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ml-lesson-journey b { color:var(--mj-text);font-size:9px; }
.ml-lesson-journey small { margin-top:2px;font-size:7px; }
.ml-lesson-journey>button.is-active { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-lesson-journey>button.is-active>i { border-color:transparent;background:var(--ml-accent);color:var(--mj-on-primary);box-shadow:0 7px 20px rgba(var(--mj-accent-rgb),.2); }
.ml-lesson-journey>button.is-complete>i { border-color:rgba(var(--mj-accent-rgb),.28);color:var(--ml-accent); }
.ml-lesson-journey>button.is-complete>i::before { content:"✓";position:absolute; }
.ml-lesson-journey>button.is-complete>i { color:transparent; }
.ml-lesson-journey>button.is-optional::after { content:"اختیاری";position:absolute;inset:4px auto auto 5px;padding:2px 4px;border-radius:5px;background:rgba(255,255,255,.06);font-size:6px; }
.ml-adaptive-reason { display:flex;align-items:flex-start;gap:7px;padding:9px 11px;border:1px solid rgba(var(--mj-accent-rgb),.18);border-radius:11px;background:rgba(var(--mj-accent-rgb),.06);color:var(--mj-muted)!important;font-size:8px!important; }
.ml-adaptive-reason i { margin-top:3px;color:var(--ml-accent); }
.ml-transfer-task { display:grid;gap:12px;padding:16px;border:1px solid var(--mj-line);border-radius:16px;background:rgba(255,255,255,.025); }
.ml-transfer-task>span { color:var(--ml-accent);font-size:8px;font-weight:900; }
.ml-transfer-task h3 { margin:0;font-size:15px;line-height:1.9; }.ml-transfer-task>p{margin:0;color:var(--mj-muted);font-size:9px;line-height:1.9}
.ml-transfer-task label span { display:block;margin-bottom:6px;color:var(--mj-muted);font-size:8px;font-weight:800; }
.ml-transfer-task textarea { width:100%;resize:vertical;border:1px solid var(--mj-line);border-radius:12px;padding:11px;background:var(--ml-panel);color:var(--mj-text);font:500 12px/1.8 var(--mj-font);outline:none; }
.ml-transfer-task textarea:focus { border-color:var(--ml-accent);box-shadow:0 0 0 3px rgba(var(--mj-accent-rgb),.08); }
.ml-transfer-result { display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:12px;border-radius:13px;background:rgba(var(--mj-accent-rgb),.08); }
.ml-transfer-result>div { display:grid;place-items:center; }.ml-transfer-result strong{font:900 24px/1 Arial;color:var(--ml-accent)}.ml-transfer-result span{font-size:7px}.ml-transfer-result p{margin:0;font-size:9px;line-height:1.8}.ml-transfer-result small{grid-column:1/-1;color:var(--mj-muted);font-size:7px;line-height:1.8}
.ml-journey-progress { position:absolute;z-index:0;inset:auto 12px 0;height:2px;overflow:hidden;border-radius:4px;background:rgba(127,143,162,.12); }
.ml-journey-progress>i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ml-accent),#65c8ff);transition:width .35s; }
.ml-lesson-kickoff { position:absolute;z-index:7;inset:0;display:grid;place-items:center;padding:clamp(18px,3.5vw,54px);background:linear-gradient(90deg,rgba(2,5,8,.97),rgba(2,6,10,.82) 58%,rgba(2,6,10,.38)),linear-gradient(0deg,rgba(2,5,8,.7),transparent);color:#f7fafc;transition:opacity .28s,visibility .28s; }
.ml-lesson-kickoff.is-hidden { opacity:0;visibility:hidden;pointer-events:none; }
.ml-scene-complete{position:absolute;z-index:9;inset:0;display:grid;place-items:center;align-content:center;gap:18px;padding:clamp(20px,5vw,60px);background:linear-gradient(145deg,rgba(3,8,12,.94),rgba(6,16,22,.86));color:#f4faf8;text-align:center;backdrop-filter:blur(10px)}.ml-scene-complete[hidden]{display:none}.ml-scene-complete>div>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:18px;background:var(--ml-accent);color:var(--mj-on-primary);font-size:23px;font-weight:900}.ml-scene-complete small,.ml-scene-complete strong,.ml-scene-complete p{display:block}.ml-scene-complete small{color:var(--ml-accent);font-size:10px;font-weight:800}.ml-scene-complete strong{max-width:620px;margin:8px auto 0;font-size:clamp(18px,2.5vw,28px);line-height:1.6}.ml-scene-complete p{margin:6px 0 0;color:#a7b5bc;font-size:11px}.ml-scene-complete footer{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.ml-scene-complete button,.ml-scene-complete a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.06);color:#eef5f3;font-family:inherit;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.ml-scene-complete button{border-color:transparent;background:var(--ml-accent);color:var(--mj-on-primary)}.ml-scene-complete button.is-secondary{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#eef5f3}.ml-scene-complete button.is-secondary:hover{background:rgba(255,255,255,.14)}
.ml-kickoff-card { width:min(650px,100%);margin-inline:auto 0; }
.ml-kickoff-heading { display:flex;align-items:center;gap:9px;color:#aeb9c7;font-size:9px; }
.ml-kickoff-badge { padding:5px 8px;border:1px solid rgba(var(--mj-accent-rgb),.28);border-radius:8px;background:rgba(var(--mj-accent-rgb),.1);color:var(--ml-accent);font-weight:800; }
.ml-kickoff-card h1 { max-width:600px;margin:15px 0 8px;font-size:clamp(24px,3vw,42px);line-height:1.5;letter-spacing:-1px; }
.ml-kickoff-card>p { max-width:580px;margin:0;color:#c3cdd8;font-size:clamp(10px,1vw,13px);line-height:2; }
.ml-kickoff-facts { display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:580px;margin:21px 0; }
.ml-kickoff-facts>div { padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045);text-align:center;backdrop-filter:blur(8px); }
.ml-kickoff-facts strong,.ml-kickoff-facts span { display:block; }
.ml-kickoff-facts strong { color:#fff;font:850 18px/1.2 Arial,var(--mj-font-fa); }
.ml-kickoff-facts span { margin-top:3px;color:#9da9b6;font-size:7px; }
.ml-kickoff-actions { display:flex;align-items:center;gap:8px; }
.ml-kickoff-actions .mj-button { min-height:43px;font-size:9px; }
.ml-kickoff-resume { display:block;margin-top:11px;color:#98a5b4;font-size:8px; }
.ml-media-state { z-index:8; }
.ml-learning-hud { position:absolute;z-index:4;inset:13px 15px auto;display:flex;align-items:center;gap:7px;color:#dce3eb;font-size:8px;pointer-events:none; }
.ml-learning-hud>span,.ml-learning-hud>b { padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(3,7,11,.66);backdrop-filter:blur(8px); }
.ml-learning-hud>b { color:var(--ml-accent);font-family:Arial,sans-serif; }
.ml-learning-hud>i { flex:1;height:3px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.16); }
.ml-learning-hud u { display:block;width:0;height:100%;border-radius:inherit;background:var(--ml-accent);transition:width .2s;text-decoration:none; }
.ml-cue-overlay { grid-template-columns:34px minmax(0,1fr) 38px; }
.ml-cue-overlay .ml-reveal-translation { grid-column:3;grid-row:1/3;width:38px;height:29px;padding:0;border-color:rgba(var(--mj-accent-rgb),.22);color:var(--ml-accent);font-size:7px; }
.ml-player-app[data-resolved-subtitle-mode="english"] .ml-cue-overlay span,.ml-player-app[data-resolved-subtitle-mode="persian"] .ml-cue-overlay strong,.ml-player-app[data-resolved-subtitle-mode="off"] .ml-cue-overlay { display:none; }
.ml-player-app[data-resolved-subtitle-mode="bilingual"] .ml-reveal-translation,.ml-player-app[data-resolved-subtitle-mode="persian"] .ml-reveal-translation,.ml-player-app[data-resolved-subtitle-mode="off"] .ml-reveal-translation { display:none; }
.ml-player-app[data-learning-mode="watch"] .ml-learning-hud { opacity:.45; }
.ml-transcript-tools { display:flex;align-items:center;gap:14px;color:var(--mj-muted);font-size:8px; }
.ml-transcript-tools label { display:flex;align-items:center;gap:5px;cursor:pointer; }
.ml-transcript-tools input { accent-color:var(--ml-accent); }
.ml-transcript-list>button { grid-template-columns:44px minmax(0,1fr) 30px 40px; }
.ml-transcript-list em { padding-top:2px;color:#65c8ff;font:800 8px/1.8 Arial,sans-serif;font-style:normal;text-align:center; }
.ml-transcript-list>button>i { align-self:start;text-align:center; }
.ml-coach-tabs { grid-template-columns:repeat(4,1fr); }
.ml-exercise.is-attempted { border-inline-start:2px solid #65c8ff; }
.ml-exercise.is-correct { border-inline-start-color:var(--ml-accent); }
.ml-recap-score { display:grid;place-items:center;margin:18px 0; }
.ml-recap-score>div { --score:0;width:150px;aspect-ratio:1;display:grid;place-items:center;align-content:center;position:relative;border-radius:50%;background:conic-gradient(var(--ml-accent) calc(var(--score)*1%),rgba(127,143,162,.14) 0); }
.ml-recap-score>div::before { content:"";position:absolute;inset:9px;border:1px solid var(--mj-line);border-radius:50%;background:var(--ml-panel); }
.ml-recap-score strong,.ml-recap-score span { position:relative;z-index:1; }
.ml-recap-score strong { color:var(--ml-accent);font:900 39px/1 Arial,sans-serif; }
.ml-recap-score strong::after { content:"٪";font-size:15px; }
.ml-recap-score span { margin-top:4px;color:var(--mj-muted);font-size:8px; }
.ml-recap-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:6px; }
.ml-recap-stats article { padding:10px 6px;border:1px solid var(--mj-line);border-radius:11px;background:rgba(127,143,162,.035);text-align:center; }
.ml-recap-stats b,.ml-recap-stats span { display:block; }
.ml-recap-stats b { font:800 14px/1.3 Arial,var(--mj-font-fa); }
.ml-recap-stats span { margin-top:3px;color:var(--mj-muted);font-size:7px; }
.ml-recap-checklist { display:grid;gap:7px;margin:17px 0; }
.ml-recap-checklist>div { display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--mj-line);border-radius:11px;opacity:.62; }
.ml-recap-checklist i { flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(127,143,162,.1);color:transparent;font-style:normal; }
.ml-recap-checklist b,.ml-recap-checklist small { display:block; }
.ml-recap-checklist b { font-size:9px; }.ml-recap-checklist small{margin-top:2px;color:var(--mj-muted);font-size:7px}
.ml-recap-checklist>div.is-done { border-color:rgba(var(--mj-accent-rgb),.24);background:var(--mj-primary-soft);opacity:1; }
.ml-recap-checklist>div.is-done i { background:var(--ml-accent);color:var(--mj-on-primary); }
.ml-recap-actions { display:grid;gap:7px; }
.ml-recap-actions .mj-button { width:100%;min-height:42px; }
.ml-recap-back { padding:8px;color:var(--mj-muted);font-size:8px;text-align:center; }
html[data-theme="light"] .ml-transcript-list strong { color:#172232; }
html[data-theme="light"] .ml-point-list code { background:#e8f8f0;color:#116d4a; }
html[data-theme="light"] .ml-grammar-hero { background:radial-gradient(circle at 100% 0,rgba(29,164,107,.13),transparent 48%),linear-gradient(145deg,#f2faf6,#e8f1f7); }
html[data-theme="light"] .ml-grammar-hero h2,html[data-theme="light"] .ml-grammar-context strong,html[data-theme="light"] .ml-grammar-formulae code,html[data-theme="light"] .ml-grammar-examples strong { color:#172232; }
html[data-theme="light"] .ml-grammar-hero > p { color:#536274; }
html[data-theme="light"] .ml-grammar-formulae > div,html[data-theme="light"] .ml-grammar-checkpoint details { background:rgba(255,255,255,.55); }
html[data-theme="light"] .ml-grammar-mistake .is-wrong { color:#a42638; }
html[data-theme="light"] .ml-grammar-mistake .is-right { color:#116d4a; }
html[data-theme="light"] .ml-answer-input textarea,html[data-theme="light"] .ml-recorder textarea { background:#f6f8fb;color:#172232; }
html[data-theme="light"] .ml-reorder button { background:#f2f6f8;color:#172232; }

/* Learning dashboard v2 */
.ml-dashboard-v2 { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:18px; padding:clamp(24px,4vw,58px); overflow:hidden; border:1px solid var(--mj-line); border-radius:32px; background:radial-gradient(circle at 8% 0,rgba(var(--mj-accent-rgb),.16),transparent 30rem),linear-gradient(135deg,#162536,#0b121d 68%); box-shadow:var(--mj-shadow); }
.ml-dashboard-v2::after { content:"ENGLISH"; position:absolute; z-index:-1; inset:auto -30px -68px auto; color:rgba(255,255,255,.025); font:900 clamp(90px,12vw,190px)/1 Arial,sans-serif; letter-spacing:-10px; }
.ml-dashboard-v2__copy { align-self:center; }
.ml-dashboard-v2 h1 { max-width:920px; margin:11px 0 13px; font-size:clamp(32px,3.8vw,60px); line-height:1.35; letter-spacing:-2.2px; }
.ml-dashboard-v2__copy>p { max-width:760px; margin:0; color:#aebac8; font-size:clamp(12px,1.15vw,16px); line-height:2; }
.ml-today-plan { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:780px; margin-top:28px; }
.ml-today-plan>div { min-width:0; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; padding:10px; border:1px solid var(--mj-line); border-radius:13px; background:rgba(255,255,255,.035); }
.ml-today-plan i { width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.055);color:var(--mj-muted);font-style:normal;font-weight:800; }
.ml-today-plan b,.ml-today-plan small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ml-today-plan b { font-size:10px; }
.ml-today-plan small { color:var(--mj-muted);font-size:8px; }
.ml-today-plan .is-ready i { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-today-plan .is-done i { background:var(--ml-accent);color:var(--mj-on-primary); }
.ml-week-card { align-self:stretch; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; padding:25px; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:rgba(5,10,16,.42); backdrop-filter:blur(16px); }
.ml-week-ring { --progress:0; width:164px;aspect-ratio:1;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--ml-accent) calc(var(--progress)*1%),rgba(255,255,255,.08) 0); }
.ml-week-ring::before { content:"";position:absolute;inset:9px;border:1px solid var(--mj-line);border-radius:50%;background:#0d1621; }
.ml-week-ring>div { z-index:1;text-align:center; }
.ml-week-ring strong { display:block;font:850 33px/1 Arial,sans-serif; }
.ml-week-ring span { color:var(--mj-muted);font-size:9px; }
.ml-week-card__details { width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.ml-week-card__details>div { padding:10px;border-radius:11px;background:rgba(255,255,255,.035);text-align:center; }
.ml-week-card__details span,.ml-week-card__details b { display:block; }
.ml-week-card__details span { color:var(--mj-muted);font-size:8px; }
.ml-week-card__details b { margin-top:2px;font-size:10px; }
.ml-week-card>a { color:var(--ml-accent);font-size:10px;font-weight:800; }
.ml-week-card>a span,.ml-inline-link span { margin-inline-start:5px; }
.ml-snapshot { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 24px; }
.ml-snapshot article { min-width:0;padding:17px 19px;border:1px solid var(--mj-line);border-radius:17px;background:rgba(16,24,36,.74); }
.ml-snapshot span,.ml-snapshot small,.ml-snapshot strong { display:block; }
.ml-snapshot span { color:var(--mj-muted);font-size:9px; }
.ml-snapshot strong { margin:3px 0;color:var(--mj-text);font:850 25px/1.2 Arial,var(--mj-font-fa); }
.ml-snapshot small { overflow:hidden;color:var(--mj-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.ml-section--continue { padding-top:22px; }
.ml-inline-link { padding:8px 12px;border:1px solid var(--mj-line);border-radius:10px;color:var(--ml-accent);font-size:10px;font-weight:800; }
.ml-course-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px; }
.ml-course-grid--continue { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ml-course-card { min-width:0; }
.ml-course-card>a { height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--mj-line);border-radius:21px;background:var(--ml-panel);box-shadow:0 15px 38px rgba(0,0,0,.1);transition:transform .2s,border-color .2s,box-shadow .2s; }
.ml-course-card>a:hover { transform:translateY(-4px);border-color:rgba(var(--mj-accent-rgb),.36);box-shadow:0 22px 50px rgba(0,0,0,.2); }
.ml-course-card__media { aspect-ratio:16/10;position:relative;overflow:hidden;background:#111b27; }
.ml-course-card__media::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,11,.15),transparent 45%,rgba(3,7,11,.88)); }
.ml-course-card__media img { width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .35s; }
.ml-course-card:hover .ml-course-card__media img { transform:scale(1.04); }
.ml-course-card__badges { position:absolute;z-index:2;inset:10px 10px auto;display:flex;justify-content:space-between;gap:7px; }
.ml-course-card__badges span,.ml-course-card__episode { padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(6,11,17,.76);color:#dbe3eb;font-size:8px;font-weight:800;backdrop-filter:blur(9px); }
.ml-course-card__badges .ml-cefr { min-width:34px;text-align:center;color:var(--mj-on-primary);border-color:transparent;background:var(--ml-accent);font-family:Arial,sans-serif; }
.ml-cefr--a1,.ml-cefr--a2 { background:#73e9ae!important; }.ml-cefr--b1,.ml-cefr--b2 { background:#64c8ff!important; }.ml-cefr--c1,.ml-cefr--c2 { background:#c9a7ff!important; }
.ml-course-card__episode { position:absolute;z-index:2;inset:auto 10px 9px auto; }
.ml-course-card__play { position:absolute;z-index:2;inset:auto auto 9px 10px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--ml-accent);color:var(--mj-on-primary);font-size:10px;box-shadow:0 8px 25px rgba(var(--mj-accent-rgb),.2); }
.ml-course-card__body { flex:1;display:flex;flex-direction:column;padding:14px; }
.ml-course-card__heading { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.ml-course-card h3 { min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:760 15px/1.45 "Segoe UI",sans-serif;text-align:left; }
.ml-course-card__heading>span { min-width:max-content;color:var(--mj-muted);font-size:8px; }
.ml-course-card__reason { min-height:34px;margin:6px 0;color:var(--mj-muted);font-size:9px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ml-course-card__facts { display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--mj-muted);font-size:8px; }
.ml-course-card__facts i { width:3px;height:3px;border-radius:50%;background:var(--mj-line-strong); }
.ml-course-progress { display:grid;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--mj-line); }
.ml-course-progress>div { display:grid;grid-template-columns:44px 1fr 27px;align-items:center;gap:7px; }
.ml-course-progress span,.ml-course-progress strong { font-size:7px; }.ml-course-progress span { color:var(--mj-muted); }.ml-course-progress strong { grid-column:3;grid-row:1;text-align:left; }
.ml-course-progress i { grid-column:2;grid-row:1;height:5px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.07); }
.ml-course-progress i b { display:block;height:100%;border-radius:inherit;background:var(--ml-accent); }
.ml-course-progress>div+div i b { background:#65c8ff; }
.ml-course-card footer { display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;color:var(--ml-accent);font-size:10px;font-weight:800; }
.ml-course-card--wide>a { display:grid;grid-template-columns:190px minmax(0,1fr); }
.ml-course-card--wide .ml-course-card__media { aspect-ratio:auto;min-height:230px; }
.ml-course-card--wide .ml-course-card__body { padding:18px; }
.ml-course-card--wide h3 { font-size:18px; }
.ml-course-card--wide .ml-course-card__reason { font-size:10px; }
.ml-preferences--v2 { margin:12px 0 20px;border-radius:23px; }
.ml-preferences--v2>header { min-height:92px;padding:18px 24px; }
.ml-preferences--v2>header p { margin:3px 0 0;color:var(--mj-muted);font-size:9px; }
.ml-preference-selects--v2 { grid-template-columns:repeat(3,1fr); }
.ml-toggle-field { min-height:64px;display:flex!important;align-items:center;gap:10px;padding:10px;border:1px solid var(--mj-line);border-radius:11px;cursor:pointer; }
.ml-toggle-field>input { position:relative!important;width:18px;height:18px;flex:0 0 auto;opacity:1!important;accent-color:var(--ml-accent); }
.ml-toggle-field>span { padding:0!important;border:0!important;background:transparent!important; }
.ml-toggle-field b,.ml-toggle-field small { display:block; }.ml-toggle-field b{font-size:9px}.ml-toggle-field small{color:var(--mj-muted);font-size:7px}
.ml-library { scroll-margin-top:130px; }
.ml-library-toolbar { min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-8px 0 18px;padding:8px 10px;border:1px solid var(--mj-line);border-radius:15px;background:rgba(255,255,255,.018); }
.ml-library-toolbar>div { display:flex;gap:4px;overflow-x:auto; }
.ml-library-toolbar button { min-width:45px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--mj-muted);font:800 9px/1 Arial,var(--mj-font-fa);cursor:pointer; }
.ml-library-toolbar button:hover,.ml-library-toolbar button.is-active { background:var(--mj-primary-soft);color:var(--ml-accent); }
.ml-library-toolbar>span { min-width:max-content;color:var(--mj-muted);font-size:9px; }.ml-library-toolbar>span b{color:var(--ml-accent);font-family:Arial,sans-serif}
.ml-filter-empty { min-height:240px;place-items:center;align-content:center;text-align:center; }.ml-filter-empty:not([hidden]){display:grid}.ml-filter-empty>span{font-size:32px;color:var(--ml-accent)}.ml-filter-empty h3{margin:6px 0}.ml-filter-empty p{margin:0;color:var(--mj-muted)}
.ml-method-v2 { display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:25px;margin-top:35px;padding:clamp(24px,4vw,48px);border:1px solid var(--mj-line);border-radius:28px;background:linear-gradient(145deg,var(--ml-panel-2),var(--ml-panel)); }
.ml-method-v2>header h2 { margin:7px 0;font-size:clamp(25px,2.6vw,38px);line-height:1.5; }.ml-method-v2>header p{margin:0;color:var(--mj-muted);font-size:11px}
.ml-method-v2>div { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }
.ml-method-v2 article { position:relative;min-height:210px;padding:20px;border:1px solid var(--mj-line);border-radius:17px;background:rgba(255,255,255,.025); }
.ml-method-v2 article i { width:32px;height:32px;display:grid;place-items:center;margin-bottom:25px;border-radius:10px;background:var(--mj-primary-soft);color:var(--ml-accent);font-style:normal;font-weight:800; }
.ml-method-v2 article>span { color:var(--ml-accent);font-size:9px;font-weight:800; }.ml-method-v2 h3{margin:5px 0;font-size:14px}.ml-method-v2 article p{margin:0;color:var(--mj-muted);font-size:9px}

/* Course detail v2 */
.ml-course-hero { min-height:500px;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--mj-line);border-radius:30px;background:#0a1018;box-shadow:var(--mj-shadow); }
.ml-course-hero__bg { position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76); }
.ml-course-hero__shade { position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,9,14,.6),rgba(5,9,14,.94) 66%),linear-gradient(0deg,rgba(5,9,14,.86),transparent 58%); }
.ml-course-hero__content { min-height:500px;display:grid;grid-template-columns:215px minmax(0,1fr);align-items:end;gap:37px;padding:50px; }
.ml-course-hero__poster { width:215px;aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.5); }
.ml-course-hero__copy { max-width:930px;color:#f6f8fb; }
.ml-course-hero__eyebrow { display:flex;align-items:center;gap:8px;color:#c0cad4;font-size:10px; }
.ml-course-hero__eyebrow .ml-cefr { min-width:39px;padding:5px 8px;border-radius:8px;color:var(--mj-on-primary);font:850 10px/1.2 Arial,sans-serif;text-align:center; }
.ml-course-hero h1 { margin:10px 0 13px;font:850 clamp(38px,5vw,72px)/1 "Segoe UI",sans-serif;letter-spacing:-2px;text-align:left; }
.ml-course-hero__copy>p { max-width:760px;margin:0;color:#b8c2cd;font-size:12px;line-height:1.95; }
.ml-course-hero__facts { display:flex;flex-wrap:wrap;gap:6px;margin-top:16px; }
.ml-course-hero__facts span { padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.05);color:#d1d9e1;font-size:8px; }
.ml-course-overview { display:grid;grid-template-columns:1.05fr .95fr;gap:13px;margin:14px 0 10px; }
.ml-course-overview>div { min-width:0;padding:24px;border:1px solid var(--mj-line);border-radius:22px;background:var(--ml-panel); }
.ml-course-overview header { display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px; }
.ml-course-overview h2 { margin:3px 0;font-size:20px; }.ml-course-overview__progress header>strong{color:var(--ml-accent);font:850 38px/1 Arial,sans-serif}
.ml-progress-tracks { display:grid;gap:10px; }.ml-progress-tracks>div>span{display:flex;justify-content:space-between;margin-bottom:4px;font-size:8px}.ml-progress-tracks b{font-weight:650}.ml-progress-tracks i{color:var(--mj-muted);font-style:normal}
.ml-progress-tracks em { height:7px;display:block;overflow:hidden;border-radius:7px;background:rgba(255,255,255,.07); }.ml-progress-tracks u{height:100%;display:block;border-radius:inherit;background:var(--ml-accent);text-decoration:none}.ml-progress-tracks>div:nth-child(1) u{background:#65c8ff}.ml-progress-tracks>div:nth-child(3) u{background:#c4a2ff}
.ml-course-overview__progress>a { display:block;margin-top:14px;color:var(--ml-accent);font-size:9px;font-weight:800; }
.ml-language-profile>div { display:grid;grid-template-columns:repeat(4,1fr);gap:7px; }.ml-language-profile article{min-width:0;padding:11px;border:1px solid var(--mj-line);border-radius:12px;background:rgba(255,255,255,.025)}
.ml-language-profile article span,.ml-language-profile article strong,.ml-language-profile article small{display:block}.ml-language-profile article span{color:var(--mj-muted);font-size:7px}.ml-language-profile article strong{margin:3px 0;color:var(--mj-text);font:850 18px/1.2 Arial,var(--mj-font-fa)}.ml-language-profile article small{overflow:hidden;color:var(--mj-muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ml-episode-strip { display:flex;gap:8px;padding-bottom:10px;overflow-x:auto; }.ml-episode-strip>a{min-width:180px;display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border:1px solid var(--mj-line);border-radius:14px;background:var(--ml-panel)}.ml-episode-strip>a.is-active{border-color:rgba(var(--mj-accent-rgb),.42);background:var(--mj-primary-soft)}.ml-episode-strip span{font-size:9px}.ml-episode-strip b{color:var(--ml-accent);font:850 9px Arial}.ml-episode-strip i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.07)}.ml-episode-strip u{display:block;height:100%;background:var(--ml-accent);text-decoration:none}
.ml-lesson-row--v2 { grid-template-columns:42px 52px minmax(0,1fr) auto 48px 22px;min-height:112px; }
.ml-lesson-row--v2.is-current { border-color:rgba(var(--mj-accent-rgb),.35);background:linear-gradient(90deg,var(--mj-primary-soft),var(--ml-panel) 45%); }.ml-lesson-row--v2.is-completed{opacity:.8}.ml-lesson-row--v2.is-completed .ml-lesson-row__play{background:var(--ml-accent);color:var(--mj-on-primary)}
.ml-lesson-row__copy small b { display:inline-block;padding:2px 5px;border-radius:5px;background:var(--mj-primary-soft);color:var(--ml-accent);font-family:Arial,sans-serif; }
.ml-lesson-mini-progress { --progress:0;width:42px;aspect-ratio:1;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--ml-accent) calc(var(--progress)*1%),rgba(255,255,255,.07) 0); }.ml-lesson-mini-progress::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--ml-panel)}.ml-lesson-mini-progress span{z-index:1;color:var(--mj-muted);font:750 7px Arial}
.ml-course-cycle { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:12px 0 15px;padding:24px;border:1px solid var(--mj-line);border-radius:23px;background:linear-gradient(145deg,var(--ml-panel-2),var(--ml-panel)); }.ml-course-cycle article{min-height:145px;padding:18px;border:1px solid var(--mj-line);border-radius:15px;background:rgba(255,255,255,.025)}.ml-course-cycle article>span{color:var(--ml-accent);font-size:8px;font-weight:800}.ml-course-cycle h3{margin:7px 0 4px;font-size:15px}.ml-course-cycle p{margin:0;color:var(--mj-muted);font-size:9px}.ml-course-cycle>i{color:var(--ml-accent);font-style:normal;font-size:19px}

@media (max-width:1200px) {
  .ml-dashboard-v2{grid-template-columns:minmax(0,1fr) 280px}.ml-course-grid{grid-template-columns:repeat(3,1fr)}
  .ml-language-profile>div{grid-template-columns:1fr 1fr}.ml-lesson-row--v2{grid-template-columns:35px 46px minmax(0,1fr) 44px 20px}.ml-lesson-row--v2 .ml-lesson-row__metrics{display:none}
  .ml-title-grid{grid-template-columns:repeat(4,1fr)}
  .ml-player-grid{grid-template-columns:minmax(0,1fr) 360px}
  .ml-player-topbar{grid-template-columns:150px 1fr auto}
}
@media (max-width:960px) {
  .ml-shell{padding-top:calc(var(--mj-header) + 22px)}
  .ml-dashboard-v2{grid-template-columns:1fr}.ml-week-card{display:grid;grid-template-columns:150px 1fr;justify-items:center}.ml-week-card__details,.ml-week-card>a{grid-column:2}.ml-week-ring{grid-row:1/3;width:145px}
  .ml-snapshot{grid-template-columns:1fr 1fr}.ml-course-grid,.ml-course-grid--continue{grid-template-columns:1fr 1fr}.ml-method-v2{grid-template-columns:1fr}.ml-preference-selects--v2{grid-template-columns:1fr 1fr}
  .ml-course-hero__content{grid-template-columns:155px 1fr;padding:34px}.ml-course-hero__poster{width:155px}.ml-course-overview{grid-template-columns:1fr}.ml-course-cycle{grid-template-columns:1fr}.ml-course-cycle>i{display:none}.ml-course-cycle article{min-height:120px}
  .ml-dashboard-hero{grid-template-columns:1fr 180px;gap:30px}.ml-daily-ring{width:165px}
  .ml-stat-grid{grid-template-columns:1fr 1fr}.ml-title-grid{grid-template-columns:repeat(3,1fr)}
  .ml-achievement-grid{grid-template-columns:1fr 1fr}
  .ml-title-hero{grid-template-columns:150px 1fr;padding:35px}.ml-title-hero__poster{width:150px}
  .ml-lesson-row{grid-template-columns:35px 45px 1fr 20px}.ml-lesson-row__metrics{display:none}
  .ml-progress-layout{grid-template-columns:1fr}
  .ml-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ml-player-grid{grid-template-columns:1fr}.ml-coach-panel{position:relative;top:auto;height:auto;min-height:650px}
  .ml-player-app[data-learning-stage="practice"] .ml-transcript,.ml-player-app[data-learning-stage="recap"] .ml-transcript{display:none}
  .ml-player-app[data-learning-stage="practice"] .ml-coach-panel,.ml-player-app[data-learning-stage="recap"] .ml-coach-panel{min-height:0}
  .ml-player-topbar{grid-template-columns:1fr auto}.ml-player-topbar>div:nth-child(2){display:none}
  .ml-player-app--guided .ml-player-topbar{grid-template-columns:1fr auto}.ml-lesson-journey small{display:none}.ml-lesson-journey>button{justify-content:center}.ml-kickoff-card{margin:auto}
}
@media (max-width:700px) {
  .ml-shell{width:calc(100vw - 24px);padding-bottom:105px}.ml-subnav{top:calc(var(--mj-header) + 4px);margin-bottom:18px}
  .ml-dashboard-v2{display:block;padding:25px 20px;border-radius:24px}.ml-dashboard-v2 h1{font-size:32px;letter-spacing:-1.2px}.ml-dashboard-v2__copy>p{font-size:11px}.ml-today-plan{grid-template-columns:1fr;margin-top:20px}.ml-week-card{display:flex;margin-top:20px;padding:19px}.ml-week-card__details{grid-column:auto}.ml-week-ring{grid-row:auto;width:132px}
  .ml-snapshot{gap:7px}.ml-snapshot article{padding:13px}.ml-snapshot strong{font-size:21px}.ml-snapshot small{font-size:7px}
  .ml-section--continue{padding-top:18px}.ml-course-grid,.ml-course-grid--continue{grid-template-columns:1fr;gap:9px}.ml-course-card>a,.ml-course-card--wide>a{display:grid;grid-template-columns:125px minmax(0,1fr)}.ml-course-card__media,.ml-course-card--wide .ml-course-card__media{aspect-ratio:auto;min-height:205px}.ml-course-card__body,.ml-course-card--wide .ml-course-card__body{padding:13px}.ml-course-card h3,.ml-course-card--wide h3{font-size:14px}.ml-course-card__reason{min-height:31px}.ml-course-card__facts span:last-child,.ml-course-card__facts i:last-of-type{display:none}
  .ml-preferences--v2{margin:12px 0 20px}.ml-preferences--v2>header{align-items:flex-start;flex-direction:column}.ml-preference-selects--v2{grid-template-columns:1fr}
  .ml-library-toolbar{align-items:stretch;flex-direction:column}.ml-library-toolbar>span{align-self:flex-end}.ml-method-v2{padding:24px 19px}.ml-method-v2>div{grid-template-columns:1fr}.ml-method-v2 article{min-height:170px}.ml-method-v2 article i{margin-bottom:14px}
  .ml-course-hero{min-height:620px;border-radius:23px}.ml-course-hero__content{min-height:620px;display:block;padding:25px;text-align:center}.ml-course-hero__poster{width:124px;margin:0 auto 18px;border-radius:15px}.ml-course-hero__eyebrow,.ml-course-hero__facts,.ml-course-hero .ml-hero-actions{justify-content:center}.ml-course-hero h1{text-align:center;font-size:40px}.ml-course-hero__copy>p{font-size:10px}.ml-course-overview>div{padding:19px}.ml-language-profile>div{grid-template-columns:1fr 1fr}.ml-lesson-row--v2{grid-template-columns:40px minmax(0,1fr) 38px 18px;gap:8px}.ml-lesson-row--v2 .ml-lesson-row__number{display:none}.ml-lesson-row--v2 .ml-lesson-row__copy p{display:none}.ml-lesson-row--v2 .ml-lesson-row__copy h3{font-size:11px}.ml-lesson-mini-progress{width:36px}.ml-course-cycle{padding:17px}
  .ml-dashboard-hero{min-height:0;display:flex;flex-direction:column;padding:29px;border-radius:24px}.ml-dashboard-hero h1{font-size:34px;letter-spacing:-1.5px}.ml-daily-ring{width:145px}
  .ml-stat-grid{gap:7px;margin-bottom:20px}.ml-stat-grid article{min-height:80px;padding:12px}.ml-stat-grid article>span{width:36px;height:36px}.ml-stat-grid strong{font-size:20px}
  .ml-achievement-grid{grid-template-columns:1fr}.ml-achievement-grid article{min-height:76px}
  .ml-preferences{margin:-8px 0 20px}.ml-preference-selects{grid-template-columns:1fr}.ml-preferences footer{align-items:stretch;flex-direction:column}.ml-preferences footer .mj-button{width:100%}
  .ml-section__head{align-items:stretch;flex-direction:column}.ml-title-grid{grid-template-columns:1fr 1fr;gap:9px}.ml-title-card__body{padding:11px}.ml-title-card h3{font-size:12px}
  .ml-how-grid{grid-template-columns:1fr}.ml-how-grid article{min-height:190px}
  .ml-title-hero{display:block;min-height:520px;padding:25px;text-align:center}.ml-title-hero__poster{width:130px;margin:0 auto 20px}.ml-title-hero h1{text-align:center}.ml-title-meta{justify-content:center}
  .ml-lesson-row{grid-template-columns:35px 40px 1fr 18px;gap:8px;padding:12px}.ml-lesson-row__number{display:none}.ml-lesson-row__play{width:38px;height:38px}.ml-lesson-row h3{font-size:11px}.ml-lesson-row p{font-size:9px}
  .ml-focus-card{margin-top:20px}.ml-focus-card>header,.ml-question{padding:25px}.ml-choice-grid{grid-template-columns:1fr}.ml-question legend strong{text-align:center}
  .ml-review-head,.ml-progress-hero{align-items:flex-start;flex-direction:column;padding:24px}.ml-review-head>div:last-child{align-self:center}.ml-review-card{min-height:530px;padding:18px}.ml-review-card footer>div{grid-template-columns:1fr 1fr}
  .ml-progress-hero h1{font-size:31px}.ml-level-orb{width:130px;align-self:center}.ml-mastery-list article{grid-template-columns:1fr 75px 34px}
  .ml-content-progress-list>article{grid-template-columns:58px 1fr auto;gap:10px}.ml-content-progress-list img{width:56px;height:66px}.ml-content-progress-list__tracks{grid-column:1/-1}.ml-content-progress-list>article>a{grid-column:3;grid-row:1}
  .ml-skill-grid{grid-template-columns:1fr}
  .ml-player-app{width:100%;padding-top:var(--mj-header)}.ml-player-topbar{padding:7px 12px}.ml-player-back span{display:none}.ml-player-modes button{padding:7px 9px}
  .ml-lesson-journey{gap:3px;margin:4px 9px 10px;padding:5px}.ml-lesson-journey>button{display:grid;justify-items:center;gap:4px;padding:7px 3px;text-align:center}.ml-lesson-journey>button>i{width:25px;height:25px;flex-basis:25px}.ml-lesson-journey b{font-size:7px}.ml-lesson-kickoff{padding:20px 17px;background:linear-gradient(0deg,rgba(2,5,8,.97),rgba(2,6,10,.75))}.ml-kickoff-card{text-align:center}.ml-kickoff-heading,.ml-kickoff-actions{justify-content:center}.ml-kickoff-card h1{font-size:22px}.ml-kickoff-card>p{font-size:9px}.ml-kickoff-facts{grid-template-columns:1fr 1fr;margin:14px 0}.ml-kickoff-actions{align-items:stretch;flex-direction:column}.ml-kickoff-actions .mj-button{width:100%}.ml-kickoff-resume{text-align:center}.ml-learning-hud{inset:8px 10px auto}.ml-learning-hud>i{display:none}
  .ml-video-shell{border-radius:0;border-inline:0}.ml-cue-overlay{inset:auto 3% 45px;padding:8px}.ml-cue-overlay strong{font-size:13px}.ml-cue-overlay span{font-size:10px}
  .ml-player-toolbar{align-items:stretch;flex-direction:column;padding:9px 12px}.ml-subtitle-switch{justify-content:center}.ml-subtitle-switch button{min-height:42px;padding-inline:9px}.ml-play-tools{justify-content:center;flex-wrap:wrap}.ml-play-tools button,.ml-play-tools select,.ml-auto-pause{min-height:40px}
  .ml-transcript{margin:8px 10px;padding:14px}.ml-transcript>header{align-items:start;gap:8px}.ml-transcript header small{display:none}.ml-transcript-tools{padding-top:5px}.ml-transcript-list>button{grid-template-columns:38px 1fr;padding:10px}.ml-transcript-list i,.ml-transcript-list em{display:none}
  .ml-coach-panel{margin:10px;border-radius:18px}.ml-coach-view{padding:17px}.ml-grammar-panel__scroll{padding:13px}.ml-grammar-hero{padding:18px}.ml-grammar-hero h2{font-size:22px}.ml-grammar-guide>section{padding:14px}
}
@media (min-width:1800px) { .ml-player-grid{grid-template-columns:minmax(0,1fr) 460px}.ml-coach-view{padding:27px}.ml-transcript-list strong{font-size:15px} }
@media (prefers-reduced-motion:reduce){.mj-learn-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 2026 adaptive learning-player controls: familiar playback first, learning actions in context. */
.ml-video-shell{isolation:isolate}
.ml-center-play{position:absolute;z-index:14;inset:50% auto auto 50%;width:64px;height:64px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(6,12,18,.78);color:#fff;box-shadow:0 16px 46px rgba(0,0,0,.48),0 0 0 9px rgba(255,255,255,.055);backdrop-filter:blur(14px);transform:translate(-50%,-50%);transition:opacity .18s,transform .18s,background .18s;cursor:pointer}.ml-center-play:hover{background:var(--ml-accent);color:var(--mj-on-primary);transform:translate(-50%,-50%) scale(1.05)}.ml-center-play span{font-size:22px;line-height:1;transform:translateX(1px)}.ml-player-app:not(.has-started-adaptive) .ml-center-play,.ml-player-app[data-learning-playing="1"] .ml-center-play{opacity:0;pointer-events:none}.ml-player-app[data-learning-playing="0"] .ml-center-play{opacity:1}
.ml-adaptive-controls{position:absolute;z-index:18;inset:auto 0 0;padding:62px 18px 14px;background:linear-gradient(transparent,rgba(2,5,9,.94));color:#fff;pointer-events:none;transition:opacity .2s,transform .2s}.ml-adaptive-controls button,.ml-adaptive-controls input,.ml-adaptive-controls select,.ml-adaptive-controls label,.ml-learning-settings{pointer-events:auto}.ml-video-shell.is-controls-hidden .ml-adaptive-controls{opacity:0;transform:translateY(8px)}.ml-video-shell.is-controls-hidden .ml-adaptive-controls button,.ml-video-shell.is-controls-hidden .ml-adaptive-controls input{pointer-events:none}
.ml-learning-timeline{direction:ltr;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:9px;color:#e7edf1;font:750 10px/1 Arial,sans-serif}.ml-learning-timeline__track{position:relative;height:18px;display:flex;align-items:center}.ml-learning-timeline input{position:relative;z-index:2;width:100%;height:4px;margin:0;accent-color:var(--ml-accent);cursor:pointer}.ml-learning-markers{position:absolute;z-index:3;inset:50% 7px auto;pointer-events:none}.ml-learning-markers i{position:absolute;top:50%;width:7px;height:7px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:var(--ml-accent);box-shadow:0 0 0 3px rgba(var(--mj-accent-rgb),.16);transform:translate(-50%,-50%)}
.ml-adaptive-controls__row{direction:ltr;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:9px}.ml-adaptive-controls__primary,.ml-adaptive-controls__secondary{display:flex;align-items:center;gap:7px}.ml-adaptive-controls button{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#f7fafc;font-family:inherit;cursor:pointer;transition:background .17s,border-color .17s,transform .17s}.ml-adaptive-controls button:hover,.ml-adaptive-controls button:focus-visible{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.12);transform:translateY(-1px)}.ml-adaptive-controls button b{font-size:11px}.ml-adaptive-controls__primary .is-play{width:52px;height:52px;border-color:rgba(var(--mj-accent-rgb),.5);border-radius:16px;background:var(--ml-accent);color:var(--mj-on-primary);box-shadow:0 9px 24px rgba(var(--mj-accent-rgb),.27);font-size:17px}.ml-adaptive-controls__primary .is-replay{min-width:92px;border-color:rgba(var(--mj-accent-rgb),.38);background:rgba(var(--mj-accent-rgb),.14);color:#eafff8}.ml-adaptive-controls__primary .is-replay span{font-size:18px}.ml-adaptive-controls__secondary>input[type="range"]{width:68px;height:4px;margin:0 2px 0 0;accent-color:var(--ml-accent)}.ml-adaptive-controls__secondary .is-caption{direction:ltr;min-width:96px}.ml-adaptive-controls__secondary .is-caption>span{width:25px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:6px;font:850 9px/1 Arial,sans-serif}.ml-adaptive-controls__secondary .is-caption>b{font-family:Vazirmatn,myfont,Tahoma,sans-serif}.ml-adaptive-controls__secondary .is-rate{min-width:54px;font-family:Arial,sans-serif}.ml-adaptive-controls__secondary>button>i{font-size:16px}.ml-adaptive-controls__secondary>button>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.ml-learning-settings[hidden]{display:none!important}.ml-learning-settings{position:absolute;z-index:32;right:18px;bottom:72px;width:min(650px,calc(100vw - 60px));overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:19px;background:linear-gradient(145deg,rgba(16,24,34,.985),rgba(7,12,19,.985));color:#f4f8fa;box-shadow:0 26px 76px rgba(0,0,0,.62);backdrop-filter:blur(24px);direction:rtl;text-align:right;animation:mlControlPanelIn .18s ease-out}.ml-learning-settings>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.ml-learning-settings>header>span{display:grid;gap:2px}.ml-learning-settings>header strong{font-size:14px}.ml-learning-settings>header small{color:#93a5af;font-size:10px}.ml-learning-settings>header>button{width:32px;height:32px;min-width:32px;padding:0;border-radius:9px;color:#afbdc5;font-size:20px}.ml-learning-settings__subtitles{padding:12px 15px 7px}.ml-learning-settings__subtitles>span{display:block;margin-bottom:7px;color:#93a5af;font-size:10px;font-weight:800}.ml-learning-settings .ml-subtitle-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:4px;border-color:rgba(255,255,255,.12);background:rgba(0,0,0,.25)}.ml-learning-settings .ml-subtitle-switch button{height:36px;min-width:0;padding:0 5px;border-radius:9px;color:#cbd5da;font-size:11px}.ml-learning-settings .ml-subtitle-switch button.is-active{background:var(--ml-accent);color:var(--mj-on-primary);box-shadow:0 7px 17px rgba(var(--mj-accent-rgb),.2)}
.ml-learning-settings__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px 15px 14px}.ml-learning-settings__grid>button,.ml-learning-settings__grid>label{box-sizing:border-box;width:100%;min-width:0;min-height:58px;height:auto;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.038);color:#edf3f6;font-family:inherit;text-align:right;cursor:pointer}.ml-learning-settings__grid>button:hover,.ml-learning-settings__grid>label:hover{border-color:rgba(var(--mj-accent-rgb),.38);background:rgba(var(--mj-accent-rgb),.085);transform:none}.ml-learning-settings__grid>button>i{width:22px;color:var(--ml-accent);font-size:16px;text-align:center}.ml-learning-settings__grid>button>span,.ml-learning-settings__grid>label>span{min-width:0;flex:1}.ml-learning-settings__grid small,.ml-learning-settings__grid b{display:block}.ml-learning-settings__grid small{color:#8fa1ab;font-size:9px}.ml-learning-settings__grid b{margin-top:2px;color:#f1f5f7;font-size:11px}.ml-learning-settings__grid select{height:34px;padding:0 7px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(0,0,0,.32);color:#fff;font:800 11px Arial,sans-serif}.ml-learning-settings__grid .ml-auto-pause{cursor:pointer}.ml-learning-settings__grid .ml-auto-pause input{width:18px;height:18px;flex:none}.ml-learning-settings__grid .mj-safe-quick-toggle.is-active{border-color:rgba(var(--mj-accent-rgb),.42);background:rgba(var(--mj-accent-rgb),.1)}
.ml-cue-overlay{z-index:10;bottom:112px}.ml-scene-complete{z-index:45}.ml-lesson-kickoff{z-index:38}.ml-learning-start{z-index:48}
@keyframes mlControlPanelIn{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1050px){.ml-adaptive-controls__row{gap:8px}.ml-adaptive-controls__primary button b{display:none}.ml-adaptive-controls__primary .is-replay{min-width:48px}.ml-adaptive-controls__secondary>input[type="range"]{display:none}.ml-learning-settings__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ml-adaptive-controls{padding:46px 8px 8px}.ml-learning-timeline{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;font-size:8px}.ml-adaptive-controls__row{gap:4px}.ml-adaptive-controls__primary,.ml-adaptive-controls__secondary{gap:3px}.ml-adaptive-controls button{min-width:38px;width:38px;height:40px;padding:0;border-radius:11px}.ml-adaptive-controls__primary .is-play{width:46px;height:46px}.ml-adaptive-controls__secondary .is-caption{min-width:58px;width:auto;padding:0 6px}.ml-adaptive-controls__secondary .is-caption b{display:none}.ml-adaptive-controls__secondary .is-rate{display:none}.ml-center-play{width:58px;height:58px}.ml-learning-settings{position:fixed;right:8px;bottom:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto}.ml-learning-settings__grid{grid-template-columns:1fr}.ml-learning-settings .ml-subtitle-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.ml-cue-overlay{bottom:98px}}

/* Learning subtitles switch instantly without scaling, sliding or pulsing. */
.ml-player-app .ml-cue-overlay{transition:none!important;transform:none!important}
.ml-player-app:not(.has-active-cue) .ml-cue-overlay{opacity:0;visibility:hidden;transform:none!important}
.ml-player-app.has-active-cue .ml-cue-overlay{opacity:1;visibility:visible;transform:none!important}

.ml-demo-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 14px;padding:14px 17px;border:1px solid rgba(var(--mj-accent-rgb),.3);border-radius:17px;background:linear-gradient(110deg,var(--mj-primary-soft),var(--ml-panel));box-shadow:0 14px 40px rgba(0,0,0,.12)}
.ml-demo-ribbon>div{display:grid;gap:3px}.ml-demo-ribbon>div>span{color:var(--ml-accent);font-size:8px;font-weight:900}.ml-demo-ribbon strong{font-size:12px}.ml-demo-ribbon small{color:var(--mj-muted);font-size:8px}
.ml-demo-ribbon>a{display:flex;align-items:center;gap:18px;flex:0 0 auto;padding:11px 15px;border-radius:12px;background:var(--ml-accent);color:var(--mj-on-primary);font-size:9px;font-weight:900}.ml-demo-ribbon>a b{font-size:16px}
@media(max-width:700px){.ml-demo-ribbon{align-items:stretch;flex-direction:column;margin:8px 10px 12px}.ml-demo-ribbon>a{justify-content:space-between}.ml-demo-ribbon small{line-height:1.8}}

/* Personal learning-path onboarding */
.ml-onboarding-page .mj-header,.ml-onboarding-page .mj-footer,.ml-onboarding-page .mj-bottom-nav{display:none}
.ml-onboarding{min-height:100vh;display:grid;grid-template-columns:minmax(300px,34vw) 1fr;background:var(--mj-bg);color:var(--mj-text)}
.ml-onboarding__rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:36px clamp(28px,4vw,68px);overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(45,212,191,.2),transparent 30%),linear-gradient(145deg,#07151a,#0b1019 58%,#111827);color:#f8fafc}
.ml-onboarding__rail:after{content:"ENGLISH";position:absolute;left:-18px;bottom:5%;font:900 clamp(54px,8vw,125px)/1 sans-serif;letter-spacing:.05em;color:rgba(255,255,255,.025);transform:rotate(-90deg);transform-origin:left bottom;pointer-events:none}
.mj-brand--onboarding{align-self:flex-start;color:#fff}.ml-onboarding__promise{margin:auto 0 28px;max-width:520px;position:relative;z-index:1}.ml-onboarding__promise h1{margin:9px 0 14px;font-size:clamp(27px,3vw,49px);line-height:1.35;letter-spacing:-.04em}.ml-onboarding__promise p{margin:0;color:#a8b6c5;font-size:12px;line-height:2}
.ml-onboarding__steps{display:grid;gap:4px;margin:0;padding:0;list-style:none;position:relative;z-index:1}.ml-onboarding__steps li{display:flex;align-items:center;gap:13px;padding:9px 10px;border-radius:14px;color:#718096;transition:.2s}.ml-onboarding__steps i{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;font-style:normal;font-size:10px}.ml-onboarding__steps span{display:grid;gap:1px}.ml-onboarding__steps b{font-size:10px}.ml-onboarding__steps small{font-size:8px}.ml-onboarding__steps li.is-active{background:rgba(255,255,255,.07);color:#fff}.ml-onboarding__steps li.is-active i{border-color:#2dd4bf;background:#2dd4bf;color:#062c2a}.ml-onboarding__steps li.is-done{color:#a7f3d0}.ml-onboarding__steps li.is-done i{border-color:#2dd4bf;color:#2dd4bf}.ml-onboarding__trust{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.ml-onboarding__trust>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(45,212,191,.12);color:#2dd4bf}.ml-onboarding__trust p{display:grid;margin:0}.ml-onboarding__trust b{font-size:9px}.ml-onboarding__trust small{color:#718096;font-size:8px}
.ml-onboarding__workspace{min-width:0;display:flex;flex-direction:column;padding:clamp(22px,4vw,54px) clamp(20px,7vw,100px)}.ml-onboarding__mobile-head{display:none}.ml-onboarding__progress{height:3px;margin-bottom:clamp(28px,5vh,64px);overflow:hidden;border-radius:9px;background:var(--mj-line)}.ml-onboarding__progress i{display:block;width:25%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ml-accent),#60a5fa);transition:width .28s ease}
.ml-onboarding form{width:100%;max-width:880px;margin:auto;display:flex;flex-direction:column}.ml-onboarding__panel{margin:0;padding:0;border:0;animation:mlOnboardIn .28s ease}.ml-onboarding__panel[hidden]{display:none}.ml-onboarding__panel legend{display:block;width:100%;margin-bottom:28px}.ml-onboarding__panel legend>span{color:var(--ml-accent);font-size:9px;font-weight:900}.ml-onboarding__panel h2{margin:8px 0 8px;outline:0;font-size:clamp(25px,3.2vw,43px);line-height:1.4;letter-spacing:-.035em}.ml-onboarding__panel legend p{margin:0;color:var(--mj-muted);font-size:11px;line-height:1.9}.ml-onboarding__panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--mj-line)}.ml-onboarding__panel>footer .mj-button{min-width:150px}.ml-onboarding__panel>footer b{font-size:17px}.ml-onboarding__status{min-height:22px;margin:10px 0 0;color:var(--ml-accent);font-size:9px;text-align:left}
.ml-onboarding__option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ml-onboarding__option-grid input,.ml-level-picker input,.ml-interest-picker input,.ml-onboarding__subtitle-choice input,.ml-onboarding__challenge input{position:absolute;opacity:0;pointer-events:none}.ml-onboarding__option-grid label>span{min-height:100px;display:grid;grid-template-columns:43px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:16px;border:1px solid var(--mj-line);border-radius:17px;background:var(--ml-panel);cursor:pointer;transition:.18s}.ml-onboarding__option-grid span>i{grid-row:1/3;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--mj-primary-soft);font-style:normal;font-size:18px}.ml-onboarding__option-grid span>b{font-size:11px}.ml-onboarding__option-grid span>small{grid-column:2;color:var(--mj-muted);font-size:8px}.ml-onboarding__option-grid span>em{grid-row:1/3;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--mj-line);color:transparent;font-style:normal}.ml-onboarding__option-grid input:checked+span{border-color:var(--ml-accent);box-shadow:0 0 0 2px var(--mj-primary-soft)}.ml-onboarding__option-grid input:checked+span>em{border-color:var(--ml-accent);background:var(--ml-accent);color:#042f2e}.ml-onboarding label:focus-within>span{outline:2px solid var(--ml-accent);outline-offset:2px}
.ml-level-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ml-level-picker label>span{min-height:104px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 10px;padding:15px;border:1px solid var(--mj-line);border-radius:16px;background:var(--ml-panel);cursor:pointer}.ml-level-picker b{font:900 25px/1.2 sans-serif;color:var(--mj-text)}.ml-level-picker small{grid-column:1/3;color:var(--mj-muted);font-size:8px;line-height:1.7}.ml-level-picker em{grid-column:2;grid-row:1;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--mj-line);border-radius:50%;color:transparent;font-style:normal}.ml-level-picker input:checked+span{border-color:var(--ml-accent);background:linear-gradient(145deg,var(--mj-primary-soft),var(--ml-panel))}.ml-level-picker input:checked+span em{border-color:var(--ml-accent);background:var(--ml-accent);color:#042f2e}.ml-onboarding__test-link{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 15px;border:1px dashed var(--mj-line);border-radius:15px;color:var(--mj-text)}.ml-onboarding__test-link>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mj-primary-soft);color:var(--ml-accent);font-weight:900}.ml-onboarding__test-link p{display:grid;flex:1;margin:0}.ml-onboarding__test-link b{font-size:10px}.ml-onboarding__test-link small{color:var(--mj-muted);font-size:8px}.ml-onboarding__test-link>i{color:var(--ml-accent);font-style:normal}
.ml-onboarding__field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ml-onboarding__field-row label{display:grid;gap:7px}.ml-onboarding__field-row label>span{font-size:9px;font-weight:800}.ml-onboarding__field-row select{width:100%;height:50px;padding:0 14px;border:1px solid var(--mj-line);border-radius:13px;background:var(--ml-panel);color:var(--mj-text);font:inherit;font-size:10px}.ml-onboarding__subtitle-choice{margin-top:19px;padding:16px;border:1px solid var(--mj-line);border-radius:17px;background:var(--ml-panel)}.ml-onboarding__subtitle-choice header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ml-onboarding__subtitle-choice header>span{display:grid}.ml-onboarding__subtitle-choice header b{font-size:10px}.ml-onboarding__subtitle-choice header small{color:var(--mj-muted);font-size:8px}.ml-onboarding__subtitle-choice header>i{font-style:normal;font-weight:900;color:var(--ml-accent)}.ml-onboarding__subtitle-choice>div{display:flex;flex-wrap:wrap;gap:6px}.ml-onboarding__subtitle-choice label>span{display:block;padding:8px 11px;border:1px solid var(--mj-line);border-radius:10px;color:var(--mj-muted);font-size:9px;cursor:pointer}.ml-onboarding__subtitle-choice input:checked+span{border-color:var(--ml-accent);background:var(--mj-primary-soft);color:var(--ml-accent)}.ml-onboarding__challenge{display:block;margin-top:12px}.ml-onboarding__challenge>span{display:flex;align-items:center;gap:11px;cursor:pointer}.ml-onboarding__challenge span>i{width:37px;height:21px;padding:3px;border-radius:20px;background:var(--mj-line);transition:.18s}.ml-onboarding__challenge span>i:after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.18s}.ml-onboarding__challenge input:checked+span>i{background:var(--ml-accent)}.ml-onboarding__challenge input:checked+span>i:after{transform:translateX(-16px)}.ml-onboarding__challenge p{display:grid;margin:0}.ml-onboarding__challenge b{font-size:9px}.ml-onboarding__challenge small{color:var(--mj-muted);font-size:8px}
.ml-interest-picker{display:flex;flex-wrap:wrap;gap:8px}.ml-interest-picker label>span{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--mj-line);border-radius:12px;background:var(--ml-panel);font-size:10px;cursor:pointer}.ml-interest-picker i{color:var(--mj-muted);font-style:normal}.ml-interest-picker input:checked+span{border-color:var(--ml-accent);background:var(--mj-primary-soft);color:var(--ml-accent)}.ml-interest-picker input:checked+span i{transform:rotate(45deg);color:var(--ml-accent)}.ml-onboarding__ready{display:flex;align-items:center;gap:13px;margin-top:24px;padding:15px;border-radius:16px;background:linear-gradient(100deg,var(--mj-primary-soft),transparent);border:1px solid rgba(45,212,191,.2)}.ml-onboarding__ready>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--ml-accent);color:#042f2e}.ml-onboarding__ready p{display:grid;margin:0}.ml-onboarding__ready b{font-size:10px}.ml-onboarding__ready small{color:var(--mj-muted);font-size:8px}.ml-onboarding.is-complete .ml-onboarding__workspace{opacity:.6;pointer-events:none}@keyframes mlOnboardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ml-onboarding{display:block}.ml-onboarding__rail{position:relative;height:auto;min-height:0;padding:18px 20px;background:#09131b}.ml-onboarding__promise,.ml-onboarding__steps,.ml-onboarding__trust{display:none}.ml-onboarding__workspace{padding:0 18px 90px}.ml-onboarding__mobile-head{display:flex;justify-content:space-between;padding:18px 0 12px;font-size:9px}.ml-onboarding__mobile-head b{color:var(--ml-accent)}.ml-onboarding__progress{margin-bottom:26px}.ml-onboarding form{margin:0}.ml-onboarding-page .mj-bottom-nav{display:flex}.ml-onboarding__panel h2{font-size:26px}.ml-onboarding__option-grid,.ml-level-picker{grid-template-columns:1fr 1fr}.ml-onboarding__option-grid label>span{min-height:92px}.ml-onboarding__panel>footer{position:sticky;bottom:74px;z-index:5;margin-inline:-18px;padding:12px 18px;border-top:1px solid var(--mj-line);background:color-mix(in srgb,var(--mj-bg) 92%,transparent);backdrop-filter:blur(16px)}}
@media(max-width:560px){.ml-onboarding__option-grid,.ml-level-picker,.ml-onboarding__field-row{grid-template-columns:1fr}.ml-onboarding__option-grid label>span{min-height:82px}.ml-onboarding__panel legend{margin-bottom:20px}.ml-onboarding__panel legend p{font-size:10px}.ml-onboarding__panel>footer .mj-button{min-width:0;flex:1}.ml-level-picker label>span{min-height:82px}.ml-interest-picker label{flex:1 0 calc(50% - 8px)}.ml-interest-picker label>span{justify-content:space-between}.ml-onboarding__subtitle-choice>div{display:grid;grid-template-columns:1fr 1fr}.ml-onboarding__subtitle-choice label>span{text-align:center}}