:root{color:#14171f;background:#f4f5f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}.page-title{margin:0 0 1rem;font-size:clamp(1.4rem,3vw,1.9rem)}.top-nav{color:#0f172a;z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 8px 20px #0f172a14}.logo{letter-spacing:.08em;text-transform:uppercase;color:inherit;font-size:.95rem;font-weight:700;text-decoration:none}.nav-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.entertainment-chip{background:#f8fafc;border:1px solid #d7def0;border-radius:12px;align-items:center;gap:.45rem;padding:.45rem .6rem;display:flex;box-shadow:0 10px 24px #0f172a14}.entertainment-icon{font-size:1rem}.entertainment-meta{flex-direction:column;line-height:1.1;display:flex}.entertainment-label{text-transform:uppercase;letter-spacing:.06em;color:#475569;font-size:.75rem}.entertainment-chip strong{color:#0f172a;font-size:.95rem}@media (max-width:640px){.top-nav{flex-wrap:wrap;gap:.5rem}.nav-actions{justify-content:flex-end;gap:.35rem;width:100%}.entertainment-chip{gap:.35rem;padding:.35rem .5rem}.entertainment-meta{line-height:1}.entertainment-label{display:none}.entertainment-chip strong,.logo{font-size:.85rem}}.nav-link{color:#0f172a;border-radius:999px;padding:.35rem .65rem;font-weight:600;text-decoration:none;transition:background .15s}.nav-link:hover{background:#0f172a14}.app{flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3.25rem;display:flex}.home-grid{grid-template-columns:2fr 1fr;align-items:stretch;gap:1.25rem;display:grid}@media (max-width:800px){.home-grid{grid-template-columns:1fr}}.hero{color:#fff;background:linear-gradient(120deg,#172554,#2563eb);border-radius:24px;padding:1.8rem;box-shadow:0 20px 45px #0f172a59}.home-hero h1{font-size:clamp(1.4rem,2.2vw,2rem)}.home-hero .lede{max-width:42ch;margin-top:.3rem}.hero h1{margin:.35rem 0;font-size:clamp(1.6rem,2.8vw,2.4rem)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;opacity:.8;margin:0;font-size:.75rem}.lede{opacity:.9;max-width:52ch;margin:0;line-height:1.5}.card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 18px 35px #0f172a14}.progress-card.compact{padding:1.25rem}.lesson-setup.tight{flex-direction:column;gap:.25rem;padding:1.35rem 1.5rem 1.5rem;display:flex}.lesson-setup-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.level-picker{text-align:right;align-items:flex-end;gap:.25rem;font-size:.85rem}.level-picker select{border-radius:10px;min-width:80px;padding:.35rem .6rem;font-size:.9rem}.lesson-type-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.lesson-type-card{cursor:pointer;text-align:left;color:inherit;background:#f8fafc;border:1.5px solid #d7def0;border-radius:14px;align-items:center;gap:.75rem;padding:.9rem;text-decoration:none;transition:border .15s,box-shadow .15s,background .15s;display:flex}.lesson-type-card:hover{background:#eef2ff;border-color:#2563eb;box-shadow:0 12px 30px #2563eb1f}.lesson-type-card.active{background:#e0e7ff;border-color:#2563eb;box-shadow:0 12px 30px #2563eb33}.lesson-type-card.disabled-card{color:#94a3b8;box-shadow:none;background:#f1f5f9;border-color:#d7def0}.lesson-type-card.disabled-card strong{color:#64748b}.lesson-type-card.disabled-card p{color:#94a3b8}.lesson-type-icon{font-size:1.4rem}.lesson-type-card strong{margin-bottom:.15rem;font-size:1rem;display:block}.lesson-type-card p{color:#475569;margin:0;font-size:.9rem}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form input[type=email],.auth-form input[type=password]{border:1px solid #cbd5f5;border-radius:10px;padding:.65rem .75rem;font-family:inherit;font-size:1rem}.auth-actions{align-items:center;gap:.75rem;display:flex}.account-wrapper{position:relative}.account-trigger{align-items:center;gap:.35rem;display:flex}.account-icon{font-size:1.1rem}.hamburger{font-size:1rem}.account-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;min-width:200px;padding:.75rem;display:flex;position:absolute;top:110%;right:0;box-shadow:0 12px 30px #0f172a1f}.account-menu-item{text-align:left;color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #d7def0;border-radius:10px;width:100%;padding:.65rem .75rem;font-weight:600;text-decoration:none;transition:border .15s,background .15s;display:block}.account-menu-item:hover{background:#eef2ff;border-color:#2563eb}.api-key-block{background:#f8fafc;border:1px solid #d7def0;border-radius:12px;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.api-key-header h3{margin:0}.api-key-value{color:#e2e8f0;background:#0f172a;border-radius:10px;margin:0;padding:.5rem .75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow-x:auto}.api-key-value span{color:#a5b4fc;margin-right:.35rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.stat-card{background:#f8fafc;border:1px solid #d7def0;border-radius:12px;padding:.75rem 1rem}.lesson-setup h2,.recap h2,.quiz h2,.result h2{margin-top:0}.controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;margin-top:.25rem;display:grid}label{flex-direction:column;gap:.4rem;font-weight:600;display:flex}select,input[type=text]{border:1px solid #cbd5f5;border-radius:10px;padding:.65rem .75rem;font-family:inherit;font-size:1rem}select:focus,input[type=text]:focus{border-color:#0000;outline:2px solid #2563eb}.primary{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:999px;padding:.75rem 1.2rem;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .1s}.primary:disabled{cursor:not-allowed;background:#93c5fd}.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #2563eb59}.secondary{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.65rem 1.2rem;font-weight:700;transition:border .15s,box-shadow .15s}.secondary:hover{border-color:#2563eb;box-shadow:0 8px 18px #2563eb24}.ghost{cursor:pointer;background:0 0;border:1px solid #cdd4e0;border-radius:999px;padding:.65rem 1.1rem;font-weight:600}.ghost-small{color:#0f172a;border-color:#0f172a40;padding:.35rem .85rem;font-size:.9rem}.helper{color:#475569;min-height:1.5em}.helper-top{margin:0 0 .25rem}.actions-left{justify-content:flex-start;margin-top:.5rem;display:flex}.hidden{display:none}.section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem;display:flex}.tag{color:#312e81;background:#e0e7ff;border-radius:999px;padding:.2rem .75rem;font-size:.85rem;font-weight:600}.recap .example{background:#f8fafc;border-radius:10px;padding:.85rem 1rem;font-family:Georgia,serif;font-style:italic}.section-actions{margin-left:auto}.progress-list{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.progress-row{flex-direction:column;gap:.4rem;display:flex}.progress-row__meta{color:#1e293b;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-weight:600;display:flex}.progress-row__meta span:last-child{color:#475569;font-weight:500}.verb-chip{color:#92400e;background:#fef3c7;border-radius:999px;margin-left:.35rem;padding:.2rem .65rem;font-weight:600;display:inline-block}.verb-chip-light{color:#0f172a;background:#e0f2fe}.prompt-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.answer-summary{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.answer-summary li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem}.answer-summary__prompt{margin-bottom:.25rem;font-weight:600}.answer-summary__details{margin:0;font-size:.9rem}.answer-summary__details span{font-family:Source Code Pro,Menlo,monospace}.answer-summary li.correct{background:#f0fdf4;border-color:#bbf7d0}.answer-summary li.incorrect{background:#fef2f2;border-color:#fecaca}.answer-summary .verb-chip{margin-left:.4rem}.progress-bar{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(120deg,#2563eb,#38bdf8);height:100%;transition:width .3s}.tag-light{color:#3f6212;background:#ecfccb}.recap-details{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.recap-headline{color:#1e3a8a;margin:0;font-weight:600}.recap-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem}.recap-block__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.recap-block__title{color:#1e40af;font-weight:600}.recap-block__desc{color:#475569;margin:0;font-size:.85rem}.recap-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.recap-cell{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.6rem .75rem}.recap-cell strong{color:#475569;margin-bottom:.2rem;font-size:.85rem;display:block}.recap-cell span{color:#0f172a;font-family:Source Code Pro,Menlo,monospace;font-size:.95rem}.prompt{margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.feedback{min-height:1.5em;font-weight:600}.mc-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.mc-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #d7def0;border-radius:12px;padding:.75rem .85rem;font-weight:600;transition:border .15s,box-shadow .15s,transform .1s}.mc-option.selected{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 25px #2563eb2e}.feedback.ok{color:#047857}.feedback.error{color:#b91c1c}.result h2{margin-bottom:.4rem;font-size:1.8rem}.result-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.progress{color:#475569;gap:1rem;font-weight:600;display:flex}.beta-badge{color:#0369a1;text-transform:uppercase;letter-spacing:.08em;background:#f0f9ff;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.75rem;display:inline-flex}.beta-card{background:linear-gradient(120deg,#f8fafc,#eef2ff);border-style:dashed;border-color:#93c5fd}.page-header{flex-direction:column;gap:.25rem;display:flex}.badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{color:#0f172a;background:#e0f2fe;border-radius:999px;padding:.2rem .65rem;font-size:.85rem;font-weight:600}.pill.subtle{background:#f8fafc;border:1px dashed #cbd5e1}.video-lesson-grid{grid-template-columns:1fr;align-items:start;gap:1rem;display:grid}.video-config .form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.video-config.single-column{width:100%;max-width:none;margin:0 auto}.video-form input[type=url],.video-form input[type=number],.video-form select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.6rem .75rem}.video-player-card .video-frame,.video-config .video-frame{border-radius:14px;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 16px 32px #0f172a24}.video-config .video-frame.empty{min-height:0;padding-top:0}.video-config .video-frame.has-video{padding-top:56.25%}.video-player-card iframe,.video-config iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.video-config .video-frame.wide{margin:0 0 1rem}.video-player-card .placeholder,.video-config .placeholder{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;place-items:center;min-height:280px;padding:1.25rem;display:grid}.status-banner{color:#92400e;background:#fef9c3;border:1px solid #fcd34d;border-radius:10px;margin-top:.8rem;padding:.65rem .8rem;font-weight:600}.status-banner.success{color:#166534;background:#ecfdf3;border-color:#86efac}.questions-card textarea{resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:110px;padding:.75rem;font-size:1rem}.question-list{flex-direction:column;gap:.85rem;display:flex}.question-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.35rem;padding:.9rem;display:flex}.question-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.question-text{color:#0f172a;margin:0;font-weight:600}.answer-reveal{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;margin:.25rem 0 0;padding:.5rem .75rem}.transcript-preview{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.75rem}.transcript-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem}.video-form textarea.transcript-input{resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:120px;padding:.75rem}.error-text{color:#b91c1c;margin-top:.5rem}.helper.subtle{color:#64748b}@media (max-width:900px){.video-lesson-grid{grid-template-columns:1fr}}@media (max-width:600px){.home-grid{grid-template-columns:1fr}.hero{padding:1.75rem}.card{padding:1.25rem}.controls{grid-template-columns:1fr}.lesson-setup-header{flex-direction:column;align-items:flex-start}.level-picker{text-align:left;align-items:flex-start}}