@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.speech-panel .speech-actions{display:flex;align-items:stretch;gap:.5rem;width:100%;flex-wrap:nowrap}.speech-panel .speech-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:1 1 0;min-width:0;white-space:nowrap;padding:.7rem .45rem;font-weight:600;font-size:.85rem;line-height:1.2}.speech-panel .speech-action svg{flex-shrink:0}.speech-panel .speech-action-listen svg{color:#2563eb}.speech-panel .speech-action-record svg{color:#dc2626}.speech-panel .speech-action-playback svg{color:#16a34a}.speech-panel .speech-action:disabled{cursor:not-allowed;opacity:.55}@media(max-width:520px){.speech-panel .speech-actions{gap:.25rem}.speech-panel .speech-action{font-size:.72rem;padding:.65rem .2rem;gap:.2rem;flex-direction:column;text-align:center;white-space:normal}.speech-panel .speech-action svg{width:18px;height:18px}}:root{font-family:DM Sans,Arial,sans-serif;color:#26364a;background:#f9fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.035em}a{color:#1a5596}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;min-height:92px;background:#fff;border-bottom:1px solid #E2E7EE;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 max(calc((100vw - 1180px)/2),24px);gap:24px}.brand{border:0;background:none;display:flex;align-items:center;flex:0 0 auto;padding:0;margin:0;min-width:0}.brand img{display:block;width:260px;height:76px;max-width:100%;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav button{background:none;border:0;color:#5b6573;font-weight:700;font-size:14px}.nav button:hover,.link:hover{color:#1e63b6}.account{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;white-space:nowrap;flex-shrink:0}.hamburger{display:none;border:0;background:none;color:#0b2d5b}main{flex:1}.container{max-width:1180px;padding:48px 24px 82px;margin:0 auto}.container.narrow{max-width:820px}.hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;min-height:660px;padding:70px 24px 95px}.hero-copy h1{font-size:clamp(38px,4.6vw,61px);line-height:1.12;color:#0b2d5b;margin:24px 0}.hero-copy h1 em{color:#d62828;font-style:normal}.hero-copy>p{font-size:18px;line-height:1.8;color:#5b6573;max-width:560px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:.1em;color:#1e63b6}.hero-tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:35px;color:#123d73;font-size:13px;font-weight:700}.hero-card,.panel,.exercise{background:#fff;border:1px solid #E2E7EE;border-radius:22px;box-shadow:0 16px 48px #0b2d5b0b;padding:38px}.hero-card h2{color:#0b2d5b;font-size:28px;margin:0 0 8px}.hero-card>p{color:#5b6573;margin:0 0 25px}form label{display:block;font-size:13px;color:#26364a;font-weight:800;margin:16px 0 8px}input,textarea{display:block;margin-top:8px;padding:13px 15px;width:100%;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#26364a;outline:none}input:focus,textarea:focus{border-color:#4285c5;box-shadow:0 0 0 3px #e8f1fa}textarea{resize:vertical;line-height:1.7}.primary,.outline{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;padding:13px 20px;font-weight:800;font-size:14px}.primary{border:1px solid #0B2D5B;background:#0b2d5b;color:#fff}.primary:hover{background:#1e63b6;border-color:#1e63b6}.outline{border:1px solid #dce4ee;background:#fff;color:#0b2d5b}.small{padding:9px 13px;font-size:12px}.full{width:100%;margin-top:22px}.link{display:block;border:0;background:none;color:#1e63b6;margin:16px auto 0;font-size:13px;font-weight:700}.features{background:#e8f1fa;padding:46px max(calc((100vw - 1180px)/2),24px);display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.features svg{color:#1e63b6}.features h3{font-size:16px;margin-bottom:8px;color:#0b2d5b}.features p{font-size:14px;color:#5b6573;line-height:1.5}.intro{margin-bottom:43px}.intro h1{font-size:42px;color:#0b2d5b;margin:10px 0}.intro p{color:#5b6573;margin:0}.wave{font-size:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:39px 0 18px}.section-heading h2{color:#0b2d5b;font-size:22px;margin:0}.section-heading span{font-size:12px;color:#5b6573}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.course-card{background:#fff;border:1px solid #E2E7EE;padding:26px;border-radius:18px;min-height:300px;display:flex;flex-direction:column}.course-symbol{height:64px;width:64px;border-radius:17px;background:#e8f1fa;display:grid;place-items:center;color:#1e63b6;margin-bottom:20px}.tag{display:inline-flex;width:max-content;font-size:10px;letter-spacing:.08em;font-weight:800;color:#1e63b6;background:#e8f1fa;border-radius:20px;padding:8px 12px}.course-card h3{color:#0b2d5b;margin:16px 0 8px;font-size:22px}.course-card p{font-size:14px;line-height:1.6;color:#5b6573}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px}.card-bottom>span{font-size:12px;color:#5b6573}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-row{border:1px solid #E2E7EE;background:#fff;display:flex;align-items:center;gap:17px;text-align:left;padding:16px 18px;border-radius:13px;color:#26364a;width:100%}.activity-row:hover{border-color:#79a9d8;background:#fafeff}.activity-row>div:nth-child(2){flex:1}.activity-row strong,.activity-row small{display:block}.activity-row small{margin-top:5px;font-size:12px;color:#5b6573}.icon-bubble{width:43px;height:43px;flex-shrink:0;background:#e8f1fa;border-radius:12px;display:grid;place-items:center;color:#1e63b6}.back{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#1a5596;font-weight:700;margin:0 0 25px}.course-banner{background:linear-gradient(110deg,#0b2d5b,#1a5596);border-radius:19px;padding:40px;color:#fff}.course-banner h1{font-size:36px}.course-banner p{line-height:1.6;max-width:580px;color:#e8f1fa}.course-banner .tag{background:#ffffff29;color:#fff}.course-banner .primary{background:#d62828;border-color:#d62828;margin-top:13px}.theme{margin-top:35px}.theme h2{display:flex;align-items:center;gap:12px;color:#0b2d5b;font-size:24px}.theme>p{color:#5b6573}.theme-number{background:#e8f1fa;color:#1a5596;padding:11px;border-radius:11px;font-size:17px}.section-panel{margin:20px 0;background:#fff;border:1px solid #E2E7EE;padding:20px;border-radius:14px}.section-panel h3{color:#0b2d5b;font-size:17px}.exercise{padding:38px}.exercise-top,.form-bottom,.feedback-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.exercise h1{color:#0b2d5b;font-size:34px;margin:24px 0 14px}.exercise-prompt{font-size:16px;line-height:1.85;background:#f2f4f8;border-left:4px solid #1E63B6;padding:22px;border-radius:8px}.pill{font-size:12px;font-weight:800;padding:8px 12px;border-radius:20px;background:#f2f4f8;color:#5b6573}.form-bottom{margin-top:18px}.form-bottom span{font-size:12px;color:#5b6573}.feedback{margin-top:32px;padding:25px;background:#f9fafc;border:1px solid #E2E7EE;border-radius:14px}.feedback-header{justify-content:flex-start;color:#0b2d5b}.feedback-header h2{font-size:20px;flex:1}.feedback-header>strong{font-size:22px;color:#1e63b6}.feedback h3{font-size:15px;color:#0b2d5b;margin-top:23px}.feedback p{font-size:14px;line-height:1.7;color:#5b6573}.notice{background:#e8f1fa;color:#123d73;padding:14px 16px;border-radius:12px;margin:20px 0;font-size:13px;line-height:1.6}.rate{border-top:1px solid #E2E7EE;margin-top:22px;padding-top:20px}.rate strong{display:block}.stars{display:flex;margin:8px 0;gap:4px}.stars button{font-size:28px;background:none;border:0;color:#aab4c1;padding:0 3px}.stars button.selected{color:#d62828}.rate small{color:#5b6573}.stat{display:flex;gap:18px;align-items:center;background:#fff;padding:23px;border:1px solid #E2E7EE;border-radius:15px;width:max-content;min-width:210px}.stat svg{color:#1e63b6}.stat strong{display:block;font-size:27px;color:#0b2d5b}.stat span{color:#5b6573;font-size:13px}.skill{background:#fff;border:1px solid #E2E7EE;padding:19px;margin-bottom:11px;border-radius:14px}.skill>div:first-child{display:flex;justify-content:space-between;font-size:13px;color:#0b2d5b}.skill span{color:#5b6573}.track{margin-top:14px;height:8px;background:#e8f1fa;border-radius:10px;overflow:hidden}.track div{height:100%;background:#1e63b6;border-radius:10px}.history{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #E2E7EE;padding:19px 22px;margin-bottom:9px;border-radius:12px}.history small{display:block;margin-top:4px;color:#5b6573}.history b{color:#1e63b6}.empty{padding:32px;text-align:center;background:#fff;border:1px dashed #AAB4C1;border-radius:12px;color:#5b6573}.panel{margin:0 0 28px}.stats-grid{display:flex;flex-wrap:wrap;gap:15px}.alert{padding:13px 16px;background:#fceeee;color:#a91d26;border-radius:10px;margin:12px 0;line-height:1.6}footer{border-top:1px solid #E2E7EE;padding:27px;text-align:center;font-size:12px;color:#5b6573;background:#fff}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:25px}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px;background:#fff;z-index:9;box-shadow:0 12px 20px #0001;flex-direction:column;margin-left:0}.nav.open{display:flex}.hamburger{display:block}.account>span{display:none}.features{gap:18px}.topbar{height:88px;min-height:88px;padding:0 20px;gap:12px}.brand img{width:220px;height:70px}.container{padding:34px 18px 65px}}@media(max-width:580px){.features{grid-template-columns:1fr}.hero{padding:50px 20px 65px}.hero-card{padding:24px}.course-banner{padding:26px}.course-banner h1{font-size:28px}.exercise{padding:22px}.exercise h1{font-size:28px}.form-bottom{align-items:stretch;flex-direction:column}.intro h1{font-size:32px}.topbar{height:80px;min-height:80px;padding:0 15px;gap:10px}.brand img{width:175px;height:62px}.account{gap:8px}}select{display:block;margin-top:8px;padding:12px 14px;width:100%;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#26364a;max-width:100%;font:inherit}.google-box{display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:22px;margin-top:12px;border-top:1px solid #E2E7EE}.google-box>span{font-size:12px;color:#5b6573}.google-link-panel{padding:18px 24px;background:#fff;border:1px solid #E2E7EE;border-radius:14px;margin-top:35px;max-width:450px}.google-link-panel summary{cursor:pointer;font-weight:700;color:#0b2d5b}.google-link-panel p{font-size:13px;color:#5b6573}.success-text{color:#268568!important}.theme-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.theme-heading h2{margin:0}.enrolled{color:#268568;font-weight:800;font-size:12px}.not-enrolled{color:#a91d26;font-weight:800;font-size:12px}.theme>.primary,.theme>.outline{margin-top:14px}.theme .activity-row:disabled{opacity:.48}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.admin-tabs button{border:1px solid #dce4ee;background:#fff;border-radius:11px;padding:12px 18px;color:#5b6573;font-weight:800}.admin-tabs button.active{background:#0b2d5b;color:#fff;border-color:#0b2d5b}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.admin-grid .panel{padding:27px;margin:0}.admin-grid h2,.panel h2{color:#0b2d5b}.admin-grid h3{color:#123d73}.span-all{grid-column:1/-1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tree{padding:13px 8px;border-bottom:1px solid #E2E7EE}.tree .tree{margin-left:20px}.tree summary{cursor:pointer;color:#0b2d5b;font-weight:700}.tree div{padding:6px 24px;font-size:13px}.muted{color:#5b6573;font-size:13px}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.admin-table th{background:#e8f1fa;color:#0b2d5b}.admin-table td,.admin-table th{padding:13px 9px;border-bottom:1px solid #E2E7EE}.admin-table td small{display:block;color:#5b6573;padding-top:4px}.log-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0;border-bottom:1px solid #E2E7EE;font-size:12px}.log-row span{color:#5b6573;text-align:right}.log-row small{grid-column:1/-1;color:#5b6573;overflow-wrap:anywhere}.generated-draft{padding:20px;border:1px solid #E2E7EE;border-radius:12px;margin-top:17px;background:#f9fafc}.generated-draft h3{color:#0b2d5b}.generated-draft p{font-size:14px;line-height:1.7}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.span-all{grid-column:1}.theme-heading h2{font-size:19px}}.draft-actions{display:flex;gap:10px;flex-wrap:wrap}.danger{color:#a91d26;border-color:#f19a9a}.activity-meta{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap;margin-top:7px;font-size:12px;color:#5b6573}.status-done{color:#17754d!important;background:#e5f6ee;padding:4px 8px;border-radius:8px;font-weight:800;font-size:12px}.status-pending{color:#a91d26!important;background:#fceeee;padding:4px 8px;border-radius:8px;font-weight:800;font-size:12px}.activity-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 6px}.activity-overview>div{border:1px solid #E2E7EE;border-radius:12px;background:#f9fafc;padding:13px;display:flex;flex-direction:column;gap:7px}.activity-overview small{color:#5b6573;font-size:10px;font-weight:800;letter-spacing:.07em}.activity-overview strong{font-size:20px;color:#0b2d5b}.saved-answer{display:flex;align-items:center;gap:8px;font-size:12px;color:#1a5596;margin:10px 0}.microcopy{font-size:12px;line-height:1.6}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.report-kpis .stat{width:auto;min-width:0;padding:18px}.report-kpis .stat strong{font-size:22px}.report-kpis .stat span{font-size:11px}.weekly-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;border:1px solid #E2E7EE;border-radius:14px;background:#fff;padding:22px}.weekly-col{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:12px;color:#5b6573}.weekly-col>span{font-weight:800;color:#0b2d5b}.weekly-track{height:88px;width:100%;border-radius:6px;background:#e8f1fa;overflow:hidden;display:flex;align-items:end}.weekly-track>div{background:#1e63b6;width:100%;border-radius:5px 5px 0 0;min-height:0}.report-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.report-inline>div{background:#e8f1fa;border-radius:10px;padding:12px;display:flex;flex-direction:column}.report-inline strong{color:#0b2d5b;font-size:20px}.report-inline small{color:#5b6573;font-size:11px}@media(max-width:900px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.activity-overview{grid-template-columns:1fr}.report-kpis{grid-template-columns:1fr 1fr}.report-kpis .stat{padding:12px;gap:8px}.report-kpis .stat svg{display:none}.weekly-grid{gap:6px;padding:12px}.report-inline{grid-template-columns:1fr}}.student-search{max-width:370px;margin-bottom:20px!important}.theme-accordion{border:1px solid #E2E7EE;background:#fff;border-radius:16px;overflow:hidden;margin:18px 0;box-shadow:0 4px 16px #0b2d5b06}.theme-summary{display:flex;align-items:center;gap:15px;padding:23px;cursor:pointer;list-style:none}.theme-summary::-webkit-details-marker{display:none}.theme-summary-title{flex:1;min-width:0}.theme-summary-title strong{display:block;color:#0b2d5b;font-size:19px}.theme-summary-title small{display:block;color:#5b6573;line-height:1.5;margin-top:5px}.theme-summary:focus-visible{outline:3px solid #79A9D8;outline-offset:-3px}.accordion-chevron{color:#1a5596;flex-shrink:0;transition:transform .2s}.theme-accordion[open] .accordion-chevron{transform:rotate(90deg)}.theme-body{padding:0 24px 22px;border-top:1px solid #E2E7EE}.theme-body .section-panel{margin:18px 0}.accordion-hint{font-size:13px;color:#5b6573;margin:30px 0 8px}.activity-row.locked{opacity:.66;background:#f2f4f8;cursor:not-allowed}.activity-row.locked .icon-bubble{background:#e2e7ee;color:#5b6573}.adaptive-controls{background:#e8f1fa;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.adaptive-controls>span{font-size:13px;color:#123d73}.adaptive-controls>small{width:100%;color:#5b6573;font-size:12px}.adaptive-controls button{margin-left:auto}.victory-banner{display:flex;align-items:center;gap:15px;margin:24px 0;background:#e5f6ee;border:1px solid #83CFA5;color:#16613e;padding:20px;border-radius:14px;animation:winPop .4s ease-out}.victory-banner strong,.victory-banner span{display:block}.victory-banner strong{font-size:19px}.victory-banner span{margin-top:5px;font-size:13px}@keyframes winPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.generation-status{background:#e8f1fa;padding:16px;border-radius:12px;margin:16px 0}.generation-status strong,.generation-status span{display:block}.generation-status span{color:#5b6573;margin:8px 0;font-size:13px}.generation-item{padding:17px 0;border-bottom:1px solid #E2E7EE}.generation-item strong,.generation-item small{display:block}.generation-item small{color:#5b6573;margin:6px 0}.generation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.generated-preview{border:1px solid #E2E7EE;border-radius:10px;padding:15px;margin:12px 0}.generated-preview summary{cursor:pointer;font-weight:700;color:#0b2d5b}.generated-preview p{line-height:1.65;white-space:pre-wrap}@media(max-width:600px){.theme-summary{padding:16px;flex-wrap:wrap;gap:10px}.theme-summary-title{flex-basis:calc(100% - 65px)}.theme-summary .enrolled,.theme-summary .not-enrolled{margin-left:55px}.theme-body{padding:0 12px 14px}.adaptive-controls button{margin-left:0}}@media(prefers-reduced-motion:reduce){.victory-banner{animation:none}.accordion-chevron{transition:none}}.level-accordion{margin:15px 0;border:1px solid #D9E3EE;border-radius:13px;overflow:hidden;background:#fff}.level-summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:17px 19px;list-style:none;background:#f4f8fd;color:#0b2d5b}.level-summary::-webkit-details-marker{display:none}.level-summary:focus-visible{outline:3px solid #79A9D8;outline-offset:-3px}.level-label{flex:1;display:flex;flex-direction:column;gap:4px}.level-label strong{font-size:17px}.level-label small{font-size:12px;color:#5b6573}.level-count{font-size:12px;color:#1a5596;font-weight:800}.level-accordion[open] .accordion-chevron{transform:rotate(90deg)}.level-body{padding:14px 16px 19px}.level-body>.muted{margin:3px 0 17px;line-height:1.5}.level-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:650px){.level-count-grid{grid-template-columns:1fr}.level-summary{padding:14px}.level-body{padding:12px}.level-count{font-size:11px}}.theme-accordion[open]>.theme-summary>.accordion-chevron{transform:rotate(90deg)}.level-accordion:not([open])>.level-summary>.accordion-chevron{transform:none}.level-accordion[open]>.level-summary>.accordion-chevron{transform:rotate(90deg)}.activity-media{margin:1.25rem 0;max-width:100%}.youtube-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111}.youtube-frame iframe{border:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.activity-illustration{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border:1px solid var(--border,#ddd);border-radius:12px;background:#fff}.media-editor{margin-top:1.25rem;padding:1.25rem;border:1px solid #ccd5e2;border-radius:12px}.media-editor select,.media-editor input,.media-editor textarea{max-width:100%}.media-editor .generation-actions{margin:.75rem 0}.media-status{font-size:.88rem;color:#555}
