:root{color:#15211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fbfd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}main{color:#15211f;background:linear-gradient(135deg,#fafdfff0,#ebf9f4e6),#f8fbfd;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:28px 42px 18px;display:flex}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-badge{color:#0d5f51;background:linear-gradient(135deg,#ffe36fc7,#0e7c6824),#fff;border:1px solid #c5ded7;border-radius:8px;place-items:center;width:64px;height:64px;font-weight:950;display:grid;box-shadow:0 16px 36px #0e7c6824}.topbar h1,.upload-copy h2,.processing-stage h2,.quiz-heading h2,.report-hero h2{color:#10211f;letter-spacing:0;margin:0;font-size:46px;line-height:1.04}.topbar h1{color:#0000;background:linear-gradient(90deg,#10211f,#0e7c68 58%,#725d00);-webkit-background-clip:text;background-clip:text;max-width:720px;font-weight:950}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.eyebrow{color:#007f72;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.language-chip,.primary-button,.secondary-button,.home-button,.lesson-sidebar button,.control-row button,.control-row select,.typed-answer button{border-radius:8px}.language-chip{color:#1b3934;background:#fff;border:1px solid #cfdeda;padding:10px 14px;font-weight:700}.upload-stage,.processing-stage,.quiz-stage,.report-stage{width:min(1180px,100% - 36px);margin:0 auto}.upload-stage{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;padding:4px 0 32px;display:grid}.upload-copy,.upload-panel,.processing-stage,.question-card,.report-stage{background:#ffffffdb;border:1px solid #dce9e5;border-radius:8px;box-shadow:0 20px 70px #2a413d1f}.upload-copy{padding:34px;overflow:hidden}.upload-copy p:not(.eyebrow),.processing-stage>div:first-child p,.quiz-heading p,.report-hero p{color:#526561;max-width:620px;margin:14px 0 0}.hero-image{background:#c9ded8;border-radius:8px;height:340px;margin-top:32px;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}.upload-panel{flex-direction:column;gap:14px;width:100%;max-width:680px;margin:0 auto;padding:18px;display:flex}.home-progress,.saved-videos{background:#fff;border:1px solid #dce9e5;border-radius:8px;grid-column:1/-1;padding:22px;box-shadow:0 20px 70px #2a413d1a}.home-progress-header,.home-progress-word,.saved-videos-header,.saved-video-card{align-items:center;display:flex}.home-progress-header,.saved-videos-header{justify-content:space-between;gap:18px;margin-bottom:16px}.home-progress-header h3,.saved-videos-header h3{color:#10211f;margin:0;font-size:24px}.home-progress-header>span,.saved-videos-header>span{color:#0e7c68;background:#edf9f5;border-radius:999px;padding:7px 11px;font-weight:900}.home-progress-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.home-progress-metrics div{background:#f7fbfa;border-radius:8px;padding:14px}.home-progress-metrics strong,.home-progress-metrics span{display:block}.home-progress-metrics strong{color:#10211f;font-size:28px}.home-progress-metrics span{color:#617873;font-weight:850}.home-progress-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:360px;display:grid;overflow:auto}.home-progress-list p,.saved-video-list p{color:#617873;grid-column:1/-1}.home-progress-word{background:#fbfefd;border:1px solid #e1ece8;border-radius:8px;justify-content:space-between;gap:10px;min-width:0;padding:11px}.home-progress-word span{overflow-wrap:anywhere;color:#203531;min-width:0;font-weight:780}.home-progress-word strong{flex:none;font-size:12px}.saved-video-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.saved-video-card{background:#fbfefd;border:1px solid #e1ece8;border-radius:8px;justify-content:space-between;gap:12px;min-width:0;padding:14px}.saved-video-card div{gap:4px;min-width:0;display:grid}.saved-video-card strong,.saved-video-card span,.saved-video-card small{overflow-wrap:anywhere}.saved-video-card strong{color:#10211f}.saved-video-card span,.saved-video-card small{color:#617873;font-weight:760}.saved-video-card button{color:#fff;background:#10211f;border-radius:8px;flex:none;padding:9px 12px;font-weight:900}.status-pill{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-weight:950;display:inline-flex!important}.status-mastered{color:#076241!important;background:#d9f7ea!important}.status-familiar{color:#235caa!important;background:#e6f0ff!important}.status-learning{color:#6c5100!important;background:#fff4bf!important}.status-new{color:#6540a0!important;background:#f0e8ff!important}.dropzone{color:#27413c;text-align:center;background:#f7fcfa;border:2px dashed #9fc3ba;border-radius:8px;place-items:center;min-height:126px;padding:18px;display:grid}.dropzone input{opacity:0;pointer-events:none;position:absolute}.dropzone span{overflow-wrap:anywhere;max-width:92%;font-weight:800}.dropzone small{color:#68827c}.upload-button-label{background:#0e7c68;border-radius:8px;margin-top:6px;padding:8px 12px;font-weight:900;display:inline-flex;color:#fff!important}.upload-progress{background:#fff;border:1px solid #dce9e5;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 14px 34px #2a413d14}.upload-progress-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.upload-progress-header div{gap:3px;display:grid}.upload-progress-header strong{color:#10211f;font-size:16px}.upload-progress-header span{color:#5d746f;font-size:13px;font-weight:760}.upload-progress-header b{color:#fff;background:#10211f;border-radius:8px;flex:none;padding:7px 9px;font-size:13px}.upload-progress-bar{background:#e5efec;border-radius:8px;height:10px;overflow:hidden}.upload-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#0e7c68,#33a087);height:100%;transition:width .28s;display:block}.upload-progress-processing .upload-progress-bar span{background-image:linear-gradient(45deg,#ffffff3d 25%,#0000 25% 50%,#ffffff3d 50% 75%,#0000 75%,#0000);background-size:42px 42px;animation:1s linear infinite upload-stripes}.upload-progress-steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.upload-progress-steps span{color:#72877f;text-align:center;background:#f2f7f5;border-radius:8px;padding:8px 6px;font-size:12px;font-weight:900}.upload-progress-steps span.active{color:#0e6657;background:#dff5ed}@keyframes upload-stripes{0%{background-position:0 0}to{background-position:42px 0}}.language-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.language-grid label,.control-row label{color:#4d625e;gap:6px;font-size:13px;font-weight:700;display:grid}.language-grid input{color:#203531;background:#fff;border:1px solid #cfdeda;border-radius:8px;width:100%;padding:10px}.word-target-control{background:#f8fcfa;border:1px solid #dce9e5;border-radius:8px;gap:10px;padding:13px;display:grid}.word-target-control div{justify-content:space-between;gap:12px;display:flex}.word-target-control strong{color:#10211f}.word-target-control span{color:#617873;font-size:13px;font-weight:760}.word-target-control input{accent-color:#0e7c68;width:100%}.sidebar-note{color:#617873;font-size:12px;font-weight:750}select,.typed-answer input{color:#15211f;background:#fff;border:1px solid #cbded9;border-radius:8px;padding:11px 12px}.preview-video{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:8px;width:100%}.primary-button,.secondary-button{color:#fff;background:#0e7c68;padding:13px 18px;font-weight:800}.primary-button:disabled{cursor:not-allowed;background:#93aaa5}.secondary-button{background:#1b2a34}.error,.incorrect{color:#b92f2f;font-weight:800}.correct{color:#087757;font-weight:800}.processing-stage{grid-template-columns:.75fr 1fr;gap:26px;padding:30px;display:grid}.steps{gap:12px;display:grid}.step{opacity:.52;background:#f8fbfa;border:1px solid #dbe7e3;border-radius:8px;align-items:flex-start;gap:14px;padding:14px;display:flex}.step.complete{opacity:1}.step.active{background:#eefaf5;border-color:#0e7c68}.step span{color:#fff;background:#0e7c68;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.step strong,.step p{margin:0;display:block}.step p{color:#687c77}.lesson-stage{grid-template-columns:minmax(0,1fr) 380px;gap:0;width:min(1360px,100% - 30px);margin:0 auto;padding-bottom:42px;display:grid}.home-button{color:#1b3934;background:#fff;border:1px solid #cfdeda;padding:10px 14px;font-weight:900;box-shadow:0 12px 28px #2a413d14}.video-shell{background:#050708;border-radius:8px 0 0 8px;position:relative;overflow:hidden;box-shadow:0 24px 90px #00000040}.video-column{align-content:start;gap:14px;display:grid}.video-shell video{aspect-ratio:16/9;object-fit:contain;background:#050708;width:100%;display:block}.subtitle-overlay{color:#fff;text-align:center;background:#000000b8;border-radius:8px;width:min(86%,900px);padding:12px 16px;font-size:22px;font-weight:800;line-height:1.35;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.subtitle-word{color:#17211f;background:#ffe36f;border-radius:6px;padding:1px 5px}.player-controls{color:#fff;background:linear-gradient(#0000,#000000db);padding:12px 16px 14px;position:absolute;bottom:0;left:0;right:0}.progress-track{height:16px;position:relative}.progress-track input{z-index:2;opacity:0;width:100%;position:absolute}.progress-track:before,.progress-track span{content:"";border-radius:4px;height:4px;position:absolute;top:7px;left:0}.progress-track:before{background:#ffffff57;right:0}.progress-track span{background:#ff2f2f}.quiz-marker{z-index:3;color:#fff;font-size:12px;font-weight:900;position:absolute;top:-28px;right:0;transform:translate(5px)}.quiz-marker:after{content:"";background:#ffe36f;border-radius:4px;width:3px;height:24px;position:absolute;bottom:-13px;right:8px}.quiz-marker strong{color:#1b2624;background:#ffe36f;border-radius:8px;padding:4px 7px;display:block}.control-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.control-row button,.lesson-sidebar button,.typed-answer button{color:#fff;background:#ffffff26;padding:8px 11px;font-weight:800}.control-row input{accent-color:#ff2f2f}.control-row select{padding:7px}.lesson-sidebar{background:#fff;border:1px solid #dce9e5;border-left:0;border-radius:0 8px 8px 0;align-content:start;gap:8px;padding:8px;display:grid;box-shadow:0 24px 90px #2a413d1f}.lesson-words-panel{background:#fff;border:1px solid #dce9e5;border-radius:8px;padding:16px;box-shadow:0 16px 45px #2a413d14}.lesson-words-heading{margin-bottom:12px}.lesson-words-heading h3{color:#10211f;margin:0;font-size:22px}.sidebar-header,.word-list,.transcript{background:#fff;border:1px solid #dce9e5;border-radius:8px}.sidebar-header{justify-content:space-between;gap:12px;padding:16px;display:flex}.sidebar-header h3{margin:0}.sidebar-note{margin:6px 0 0}.sidebar-header button{background:#10211f;align-self:center}.sidebar-header button.toggle-off{color:#203531;background:#e8f2ef}.word-list{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.word-card{background:#f9fcfb;border:1px solid #e1ece8;border-radius:8px;padding:11px}.word-card span,.word-card strong,.word-card small{display:block}.word-card strong{color:#0e7c68}.word-card small{color:#617873;margin-top:4px}.transcript{max-height:430px;padding:8px;overflow:auto}.transcript button{color:#203531;text-align:left;background:#f7fbfa;border-radius:8px;width:100%;margin:0 0 7px;padding:10px}.transcript button.active{outline:2px solid #0e7c68}.transcript span{color:#687c77;font-size:12px;font-weight:900;display:block}.quiz-stage,.report-stage{background:#fff;border:1px solid #dce9e5;border-radius:8px;padding:0 0 28px;overflow:hidden;box-shadow:0 24px 90px #2a413d21}.quiz-heading,.report-hero{margin-bottom:22px}.quiz-heading{background:linear-gradient(135deg,#0e7c681a,#ffe36f33),#fff;border-bottom:1px solid #dce9e5;padding:24px}.report-hero{background:linear-gradient(135deg,#0e7c681f,#ffe36f3d),#f8fcfa;justify-content:space-between;align-items:center;gap:24px;padding:30px;display:flex}.report-hero p{max-width:620px}.score-ring{background:radial-gradient(circle at center, #fff 0 57%, transparent 58%), conic-gradient(#0e7c68 var(--score,0%), #d8e5e1 0 100%);border-radius:50%;flex:none;align-content:center;place-items:center;width:150px;height:150px;display:grid;box-shadow:0 18px 50px #0e7c6838}.score-ring strong,.score-ring span{display:block}.score-ring strong{color:#10211f;text-align:center;max-width:100px;font-size:31px;line-height:.95}.score-ring span{color:#617873;letter-spacing:0;text-transform:uppercase;margin-top:5px;font-size:12px;font-weight:900}.quiz-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.question-card{padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.question-card:before{content:"";background:linear-gradient(90deg,#0e7c68,#ffe36f);height:5px;position:absolute;inset:0 0 auto}.question-card:hover{transform:translateY(-2px);box-shadow:0 24px 70px #2a413d24}.question-card.answered-correct{background:#f4fcf8;border-color:#62bd9f}.question-card.answered-wrong{background:#fff8f8;border-color:#d88b8b}.question-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.question-number{color:#0e7c68;margin:0;font-weight:900}.question-topline span{color:#0e7c68;background:#edf9f5;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.question-card h3{color:#10211f;margin:0 0 16px;font-size:21px;line-height:1.25}.option-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option-grid button{color:#203531;background:#fff;border:1px solid #cdded9;border-radius:8px;min-height:48px;font-weight:800;transition:background .16s,border-color .16s,transform .16s}.option-grid button:not(:disabled):hover{background:#f1fbf7;border-color:#0e7c68;transform:translateY(-1px)}.option-grid button.selected{background:#ecfaf5;border-color:#0e7c68}.typed-answer{gap:10px;display:flex}.typed-answer input{flex:1;min-width:0}.typed-answer button{background:#0e7c68}.quiz-stage>.primary-button,.report-stage>.secondary-button{margin-top:22px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 24px 18px;display:grid}.metric-grid div,.progress-row{background:#fff;border:1px solid #dce9e5;border-radius:8px;padding:16px}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:#617873;font-weight:800}.metric-grid strong{color:#10211f;font-size:30px}.progress-table{gap:9px;padding:0 24px;display:grid}.progress-row{grid-template-columns:1.5fr .8fr .8fr .6fr;align-items:center;gap:14px;display:grid}.progress-row strong{justify-self:end}.new-word-strip,.review-word-strip{border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;margin:0 24px 18px;padding:13px;display:flex}.new-word-strip{background:#f0fbf7;border:1px solid #bdded5}.review-word-strip{background:#fff9e8;border:1px solid #f0d9a7}.new-word-strip span,.review-word-strip span{color:#0d6657;font-weight:900}.review-word-strip span{color:#7a5a10}.new-word-strip strong,.review-word-strip strong{color:#1b2624;border-radius:999px;padding:4px 9px}.new-word-strip strong{background:#d9f7ea}.review-word-strip strong{background:#ffe36f}@media (width<=980px){.topbar,.upload-stage,.processing-stage,.lesson-stage,.quiz-list{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;padding-inline:20px}.brand-lockup{align-items:flex-start}.topbar-actions{justify-content:flex-start}.topbar h1,.upload-copy h2,.processing-stage h2,.quiz-heading h2,.report-hero h2{font-size:34px}.lesson-stage{width:min(100% - 20px,760px)}.video-shell{border-radius:8px 8px 0 0}.lesson-sidebar{border-top:0;border-left:1px solid #dce9e5;border-radius:0 0 8px 8px}.subtitle-overlay{font-size:16px;bottom:112px}.metric-grid,.progress-row,.language-grid,.home-progress-metrics,.saved-video-list{grid-template-columns:1fr}.home-progress-list{grid-template-columns:repeat(2,minmax(0,1fr))}.report-hero{flex-direction:column;align-items:flex-start}.progress-row strong{justify-self:start}}@media (width<=560px){.upload-copy,.upload-panel,.processing-stage,.question-card{padding:18px}.hero-image{height:230px}.word-list,.option-grid,.home-progress-list,.saved-video-list{grid-template-columns:1fr}.word-target-control div,.saved-video-card{flex-direction:column;align-items:flex-start}.control-row{gap:8px}}