:root{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#253850;background:#f8fbff;font-synthesis:none;font-size:16px;--blue:#087de1;--blue-dark:#0757ab;--pale-blue:#edf6ff;--green:#45b967;--orange:#f6a337;--red:#e95b71;--border:#dfe7f0;--muted:#8190a2;--shadow:0 5px 22px #224f7910}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,input,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #76b8f7;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h2{font-size:27px;line-height:1.4;letter-spacing:-.5px}h3{font-size:19px;line-height:1.4}small{font-size:13px}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blue-text{color:var(--blue-dark)}.green-text{color:#32a454}.orange-text{color:#dc921d}.red-text{color:#db5764}.muted{color:var(--muted);line-height:1.65}.small{font-size:13px}.center{text-align:center}.wide{width:100%}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#eff6fb;flex-shrink:0}.card{background:white;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 23px;border:1px solid transparent;border-radius:10px;background:white;font-weight:600;font-size:15px;line-height:1.4;transition:background .16s,transform .16s;white-space:normal}.btn:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:white;background:var(--blue);border-color:#0875d0;box-shadow:0 3px 0 #086ac022}.btn.outline{color:var(--blue-dark);border-color:#b7d4ef;background:white}.btn.soft{color:#2369ab;background:#f1f6fc;border-color:#dfe7f1}.btn.orange-button{color:white;background:#f5a118}.btn:disabled{opacity:.4}.btn.large{min-height:56px;padding:13px 38px;font-size:17px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:10px;background:#f0f7ff;color:#0865b6;font-size:30px;line-height:1}.topbar{height:78px;background:white;border-bottom:1px solid var(--border)}.topbar-inner{max-width:1280px;height:100%;margin:auto;display:flex;align-items:center;gap:17px;padding:0 32px}.topbar h1{font-size:21px;white-space:nowrap}.topbar-end{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px}.topbar-end .avatar{width:34px;height:34px}.topbar-end .icon-button{margin-left:14px;background:transparent;font-size:27px}.save-button{margin-left:auto;min-width:100px}.save-button+.topbar-end{margin-left:12px}.main{max-width:1200px;margin:0 auto;padding:34px 36px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.eyebrow{font-size:11px;color:#8aa0b7;font-weight:700;letter-spacing:2px;margin-bottom:9px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.pill.blue{background:#eaf4ff;color:#227bc0}.pill.green{background:#e9f8ed;color:#3aaa59}.pill.orange{background:#fff2df;color:#ca8a32}.progress{height:9px;width:100%;border-radius:20px;background:#eef1f5;overflow:hidden}.progress>span{display:block;height:100%;border-radius:20px;background:var(--blue);transition:width .25s}.progress.green>span{background:#75c884}.progress.orange>span{background:#f9c474}.progress.red>span{background:var(--red)}.section-label{font-size:16px;font-weight:700}.unit-badge{display:inline-block;background:var(--blue);color:#fff;padding:7px 17px;border-radius:7px;font-weight:600;margin:13px 0 18px}.topic-list{padding-left:18px;color:#5b6c7f;line-height:1.9;font-size:14px;margin:8px 0 15px}.overview-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;align-items:stretch}.course-card{padding:25px 24px}.course-card>.muted{font-size:13px}.extra-summary{border-top:1px solid #edf1f7;padding-top:13px;font-size:12px;color:#4286bf;line-height:1.7;overflow-wrap:anywhere}.extra-summary p{margin-top:4px}.student-overview{padding:25px 23px;display:flex;flex-direction:column}.student-title{display:flex;align-items:center;gap:12px;margin-bottom:28px}.student-title h3{font-size:18px}.student-title small{font-weight:400;color:#7c8c9c}.student-title .muted{font-size:11px}.student-title .avatar{width:58px;height:58px}.data-line{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;margin-bottom:20px}.data-line>span:last-child{overflow-wrap:anywhere;text-align:right}.score-chip{background:#fff3e5;color:#d88323;padding:6px 10px;border-radius:7px;font-size:19px}.score-chip small{font-size:12px;font-weight:400}.completion-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:10px 0 12px;color:#65768a}.completion-label b{color:#4daf69}.text-button{margin-top:auto;align-self:flex-start;padding:22px 0 0;min-height:44px;color:#4586bd;background:transparent;font-size:13px}.teacher-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px}.feature-card{border:1px solid var(--border);border-radius:14px;min-height:128px;padding:20px 10px 16px;background:#fff;display:flex;align-items:center;flex-direction:column;gap:10px;box-shadow:var(--shadow);position:relative}.feature-card>span{font-size:33px;line-height:1.1}.feature-card b{font-size:13px}.feature-card small{position:absolute;right:12px;top:10px;color:#a3b8cc}.feature-card:hover{border-color:#9bc8ee;background:#fafdff}.footnote{color:#99a7b5;text-align:center;font-size:12px;margin-top:22px;line-height:1.6}
/* The welcome screen uses flat sky and hill shapes, like the supplied reference. */
.welcome{min-height:100svh;position:relative;background:#e6f5fc;overflow:hidden;padding:30px 46px 48px;isolation:isolate;display:flex;flex-direction:column;align-items:center}.welcome-top{display:flex;justify-content:space-between;width:100%;align-items:flex-start}.book-logo{background:#ffaf38;border:2px solid #ea951c;border-radius:7px 12px 12px 7px;box-shadow:4px 4px 0 #badbec, inset 5px 0 0 #ffc86d;color:white;text-shadow:1px 2px #df8518;font-size:17px;font-weight:900;line-height:1.05;padding:10px 12px;transform:rotate(-4deg)}.book-logo strong{font-size:26px}.book-logo small{display:block;font-size:5px;letter-spacing:1px;border-top:1px solid #ffe0a1;margin-top:7px;padding-top:4px}.version{font-size:12px;color:#7fa7bd;letter-spacing:1px;background:#ffffff80;padding:8px 14px;border-radius:20px}.welcome-title{text-align:center;margin-top:-48px;z-index:1}.little-spark{font-size:11px;letter-spacing:2px;color:#86b5c9;margin-bottom:14px}.welcome-title h1{font-size:59px;font-weight:800;letter-spacing:-2px;color:#086bce;text-shadow:0 3px white;line-height:1.2}.welcome-title p{font-size:25px;font-weight:700;color:#2366b2;margin-top:12px;letter-spacing:2px}.entry-grid{width:min(875px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:61px;z-index:2}.entry{height:327px;padding:0;overflow:hidden;border:2px solid #add6ee;border-radius:26px;background:#f7fcff;box-shadow:0 8px 0 #0c66910d,0 7px 18px #406f8e15;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.entry:hover{transform:translateY(-7px)}.entry>.avatar{height:222px;width:100%;border-radius:0;background:none;object-fit:contain;padding:10px 17px 0}.entry>span{display:grid;grid-template-columns:1fr 24px;text-align:left;align-items:center;width:100%;flex:1;background:#258fd8;color:white;padding:16px 23px}.entry b{font-size:29px;letter-spacing:1px}.entry small{font-size:12px;color:#ffffffcf;margin-top:6px;grid-column:1}.entry i{grid-column:2;grid-row:1/3;font-style:normal;font-size:28px}.entry.a-entry{border-color:#bfdcaa;background:#f6fbef}.entry.a-entry>span{background:#59b95b}.entry.b-entry{border-color:#f0c4cc;background:#fff0f2}.entry.b-entry>span{background:#ee7b90}.welcome-note{z-index:2;margin:34px 0 0;font-size:14px;color:#64864c;letter-spacing:2px}.landscape{position:absolute;inset:auto 0 0;height:215px;z-index:-1;background:#d6eaa7}.landscape>div{position:absolute;width:90%;height:240px;background:#a9d380;border-radius:50% 50% 0 0;bottom:25px;left:-25%;transform:rotate(6deg)}.landscape>div:nth-child(2){left:38%;bottom:24px;background:#badc91;transform:rotate(-8deg)}.landscape>div:nth-child(3){width:120%;height:160px;left:-4%;bottom:-80px;background:#cce398;transform:rotate(-4deg)}.cloud{position:absolute;width:175px;height:43px;background:#ffffff85;border-radius:60px;z-index:0}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:76px;height:76px;left:25px;bottom:0}.cloud:after{width:55px;height:55px;right:20px;bottom:0}.cloud-one{top:23%;left:-50px}.cloud-two{right:4%;top:15%;transform:scale(1.2)}.cloud-three{right:-60px;top:49%;transform:scale(.85)}
/* Weekly curriculum */
.settings-main{padding-top:26px}.settings-layout{display:grid;grid-template-columns:120px minmax(0,1fr) 300px;overflow:hidden;min-height:595px}.unit-nav{background:#f5f9fd;border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative;padding-top:12px}.unit-nav .btn{justify-content:flex-start;border-radius:0;font-size:15px;padding:18px 25px;min-height:61px;font-weight:400}.unit-nav .btn.active{background:#e2f1ff;color:#005dae;border-left:3px solid var(--blue);padding-left:22px;font-weight:700}.unit-note{position:absolute;bottom:23px;left:20px;font-size:9px;color:#acbdcb;letter-spacing:1px}.topics-panel{padding:26px 30px}.settings-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.settings-intro h2{font-size:22px}.topic-group{border-top:1px solid #edf1f6;padding-top:13px;margin-top:13px}.topic-group h3{font-size:15px;margin-bottom:6px}.check-row{display:flex;align-items:center;gap:12px;min-height:43px;cursor:pointer;font-size:15px}.check-row input{width:20px;height:20px;accent-color:var(--blue);cursor:pointer;margin:0;flex-shrink:0}.extras-panel{background:#fcfdff;border-left:1px solid var(--border);padding:28px 25px}.extras-panel>.muted{font-size:12px;margin:10px 0 20px}.extras-panel>.btn{padding:11px 8px;font-size:14px}.extra-tags{display:flex;flex-direction:column;gap:12px;margin:21px 0}.extra-tag{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-left:12px;background:#fff6ee;border:1px solid #f7d7bd;border-radius:8px;font-size:14px;overflow-wrap:anywhere}.extra-tag button{flex-shrink:0;min-width:44px;min-height:44px;background:none;border:0;color:#c78d73;font-size:24px}.gentle-note{background:#f1f7ff;border-radius:10px;color:#7295b5;font-size:12px;line-height:1.8;padding:15px}.extra-tags+.gentle-note{margin-top:25px}.inline-actions{display:flex;gap:8px;margin-top:8px}.inline-actions .btn{flex:1;padding:9px}#extra-input{width:100%;min-height:46px;border:1px solid #bed3e8;border-radius:8px;padding:9px;font-size:14px;margin-top:12px}.empty-small{font-size:13px;color:#95a5b3;text-align:center;padding:15px 0}
/* Review overview */
.generate-card{position:relative;display:grid;grid-template-columns:1fr 1.05fr .68fr;align-items:center;padding:43px 38px;min-height:420px;gap:22px}.question-mix h3{font-size:20px}.question-mix h3 strong{color:var(--blue);font-size:27px}.question-mix>.muted{font-size:12px;margin:8px 0 26px}.mix-row{display:flex;align-items:center;gap:13px;margin:19px 0;font-size:15px}.mix-row>b{margin-left:auto;font-size:19px}.mix-row b small{font-weight:400;color:#7b8d9e}.mix-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:23px}.mix-icon.blue{background:#d6edff;color:#288dc8}.mix-icon.green{background:#d8f0e1;color:#44a874}.mix-icon.orange{background:#ffe7cb;color:#ee9844}.mix-icon.cyan{background:#d5f2f7;color:#30aaca}.donut-area{display:flex;flex-direction:column;align-items:center}.donut{width:240px;height:240px;position:relative;border-radius:50%;background:conic-gradient(#ec7991 0 40%,#f7b446 40% 60%,#80c990 60% 80%,#44b5d1 80%);display:grid;place-items:center;transform:rotate(-90deg)}.donut:after{content:"";position:absolute;width:158px;height:158px;border-radius:50%;background:white}.donut>div{z-index:1;display:flex;flex-direction:column;align-items:center;transform:rotate(90deg)}.donut strong{font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1.2}.donut span{font-size:12px;color:#94a1ad}.chart-caption{font-size:12px;color:#94a4b5;margin:19px 0}.start-button{min-width:218px;font-size:17px}.reading-mascot{align-self:end;display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.reading-mascot>.avatar{width:190px;height:225px;border-radius:0;background:transparent}.reading-mascot>span{font-size:9px;letter-spacing:1.5px;color:#90b1c4;margin-top:5px}.assignment-footer{display:flex;align-items:flex-start;gap:20px;margin:22px 0}.assignment-footer>.muted{font-size:12px;white-space:nowrap;padding-top:6px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;line-height:1.4;font-size:12px;background:#edf3ff;border:1px solid #e0eaff;border-radius:6px;padding:7px 12px;color:#3f6daf;overflow-wrap:anywhere;max-width:100%}
/* Student home */
.student-greeting{display:flex;justify-content:space-between;align-items:center;padding:10px 28px 30px}.student-greeting h2{font-size:32px}.student-greeting h2>span{font-size:27px;margin-left:10px}.student-greeting p{color:#8a9bb0;margin-top:13px;font-size:15px}.student-greeting>.avatar{width:140px;height:140px;background:#edf6ff}.student-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.task-card{padding:28px;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:350px}.task-icon{display:grid;place-items:center;width:59px;height:59px;border-radius:17px;background:#eef6ff;font-size:34px;margin-bottom:20px}.task-icon.coral{background:#fff0ee}.task-icon.amber{background:#fff7df}.task-card>.pill{position:absolute;top:31px;right:23px}.task-card h3{font-size:23px;margin-bottom:9px}.task-card>.muted{font-size:12px;margin-bottom:20px}.task-card .completion-label{width:100%;margin:10px 0 25px}.task-card>.btn{margin-top:auto}.task-score{font-size:43px;color:var(--blue);margin:0 0 19px;font-weight:700}.task-score small{font-size:14px;color:#8a9bb0;font-weight:400}
/* One question per screen, with touch-sized answers */
.quiz-main{padding-top:22px;max-width:1180px}.quiz-header-progress{display:flex;align-items:center;gap:20px;width:min(390px,35vw);margin:0 auto}.quiz-header-progress>b{white-space:nowrap;font-size:16px}.quiz-header-progress b>span{font-weight:400;color:#8e9baa}.exam-topbar h1{color:#dd4d68}.exam-topbar .icon-button{background:#fff1f3;color:#dd4d68}.quiz-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8ea1b5;margin-bottom:15px;padding:0 3px}.quiz-meta i{font-style:normal;margin:0 8px;color:#c3cfdb}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:23px}.question-card{padding:26px 30px 24px;min-height:450px}.question-kicker{display:flex;align-items:center;gap:14px;margin-bottom:23px}.question-number{width:35px;height:35px;background:#eaf5ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#308bd3;font-weight:600;flex-shrink:0}.question-kicker h2{font-size:20px;letter-spacing:0;font-weight:600}.question-prompt{font-size:23px;line-height:1.55;margin:19px 0 24px;color:#263c54;font-weight:500;overflow-wrap:anywhere}.answer-options{display:flex;flex-direction:column;gap:13px}.answer-option{min-height:65px;display:flex;align-items:center;gap:15px;border:1.5px solid #dde5ef;border-radius:11px;background:white;padding:13px 17px;text-align:left;position:relative;color:#354860;transition:border .16s,background .16s;font-size:18px}.answer-option:hover:not(:disabled){background:#f5faff;border-color:#aed5f5}.option-letter{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:#f0f3f7;border-radius:50%;font-size:13px;flex-shrink:0;color:#8b99a8;font-weight:600}.option-text{overflow-wrap:anywhere}.option-mark{margin-left:auto;color:#3d8fd7}.answer-option.selected{border-color:#65b1ef;background:#e9f4ff}.selected .option-letter{background:#348fda;color:white}.answer-option.correct{border-color:#70c583;background:#edf9ef;color:#288a44}.answer-option.correct .option-letter{background:#d0ecd6;color:#3ea75b}.answer-option.correct .option-mark{background:#5cb970;color:white;border-radius:50%;height:24px;width:24px;text-align:center}.answer-option.incorrect{border-color:#e6a1aa;background:#fff0f1;color:#ca5666}.answer-option.incorrect .option-mark{color:#d76674}.answer-option:disabled{cursor:default}.hint-card{padding:24px 20px;background:#f9fbfe;display:flex;flex-direction:column;align-self:stretch;box-shadow:none;position:relative;overflow:hidden}.hint-card h3{font-size:16px;display:flex;align-items:center;gap:8px}.hint-card h3>span{font-size:24px}.hint-lead{color:#9aaaBB;font-size:12px;margin:11px 0 24px}.hint-card .btn{font-size:12px;padding:10px 5px;min-height:44px;margin-bottom:15px}.hint-card>.outline{margin-top:auto;background:white}.hint-text{font-size:15px;line-height:1.7;color:#546a83;margin:0 0 18px;overflow-wrap:anywhere}.second-hint{padding-top:14px;border-top:1px dashed #d9e2ee}.hint-doodle{display:flex;justify-content:center;gap:21px;align-items:center;color:#d9e8f7;font-size:18px;margin-top:24px}.hint-doodle>span{font-size:42px;color:#e7eff7}.revealed-answer{font-size:14px;padding:12px;border-radius:8px;background:#eaf5ff;line-height:1.6;overflow-wrap:anywhere}.revealed-answer small{display:block;color:#7e9fbc;margin-bottom:5px}.feedback{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.6;border-radius:9px;padding:12px 15px;margin-top:18px}.feedback.good{background:#f0f9ed;color:#489451}.feedback.try-again{background:#fff5e7;color:#b08442}.feedback strong{font-size:14px}.quiz-footer{display:flex;align-items:center;gap:14px;margin-top:22px;padding:0 2px}.quiz-footer .primary{min-width:180px;font-size:16px}.footer-help{margin-right:auto;color:#a2b1c0;font-size:12px}.audio-player{display:flex;align-items:center;gap:15px;padding:16px;background:#f0f6fe;border-radius:12px;flex-wrap:wrap;margin:0 0 7px}.audio-player .btn{font-size:14px;min-height:48px;padding:10px 16px;flex-shrink:0}.speaker{font-size:18px;letter-spacing:-3px;margin-right:5px}.waveform{flex:1;display:flex;justify-content:center;align-items:center;gap:4px;height:46px;min-width:120px;overflow:hidden}.waveform i{display:block;min-width:3px;border-radius:3px;background:#549ce4}.waveform i:nth-child(4n){background:#a1c9f2}.waveform.playing i{animation:wave .8s ease-in-out infinite alternate}.waveform.playing i:nth-child(2n){animation-delay:-.4s}@keyframes wave{to{transform:scaleY(.3)}}.play-count{font-size:11px;color:#86a0bc;white-space:nowrap}.audio-status{font-size:11px;color:#6f95b7;min-height:20px;margin-bottom:8px}.visual-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.visual-options .answer-option{flex-direction:column;padding:17px 11px 11px;gap:8px;min-height:183px}.visual-options .option-letter{position:absolute;top:10px;left:10px;width:23px;height:23px;font-size:11px}.visual-options .option-text{font-size:13px;text-align:center;line-height:1.45}.visual-options .option-mark{position:absolute;right:7px;bottom:8px;line-height:24px}.clock-face{width:min(120px,100%);height:120px;margin-top:7px}.picture-emoji{font-size:65px;line-height:1.4;padding:18px 0 4px}.picture-card-text{display:grid;place-items:center;text-align:center;font-size:17px;font-weight:600;color:#5489b7;min-height:104px;padding-top:17px;overflow-wrap:anywhere}.word-bank{display:flex;flex-wrap:wrap;gap:10px;min-height:100px;align-content:flex-start;margin:22px 0}.word-tile{min-width:54px;min-height:49px;border:1px solid #d9e4ef;border-radius:8px;background:white;padding:10px 15px;font-size:18px;box-shadow:0 2px 0 #e9eff6;touch-action:manipulation}.word-tile:disabled{opacity:.32;box-shadow:none}.word-tile.placed{border-color:#8fc5ed;background:#fff;color:#2675b2;box-shadow:0 2px 0 #d7eafc}.word-tile.placed:disabled{opacity:1}.answer-zone{display:flex;flex-wrap:wrap;gap:9px;align-items:center;align-content:flex-start;min-height:132px;padding:20px 15px;border:2px dashed #bcd8ee;background:#f6fbff;border-radius:12px}.answer-zone>span{font-size:14px;color:#a4b8ca;align-self:center;margin:auto}.answer-zone.correct{border-color:#87c895;background:#f3fbf1}.answer-zone.incorrect{border-color:#e9b99b;background:#fff8f1}.order-instruction{font-size:13px}.punctuation{align-self:center}.reading-passage{font-size:16px;line-height:1.65;color:#698199;background:#f5f9fd;border-left:3px solid #b9d7ee;border-radius:0 9px 9px 0;margin:0 0 16px;padding:13px 16px}.exam-layout{display:block}.exam-layout .question-card{min-height:450px;padding:30px 40px}.exam-layout .answer-options:not(.visual-options){flex-direction:row}.exam-layout .answer-option{flex:1;min-width:0}.exam-layout .audio-player{max-width:710px}.exam-layout .question-kicker{margin-bottom:27px}.exam-layout .question-prompt{margin:28px 0}.exam-layout .visual-options{max-width:730px;margin:0 auto}.exam-layout .word-bank{min-height:74px}.exam-check{padding:34px;text-align:center}.question-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:14px;margin:30px 0}.question-grid .btn{min-height:58px;font-size:17px;border:1px solid #d8e4ef;padding:8px}.question-grid .answered{background:#e9f4ff;color:var(--blue);border-color:#b0d5f4}.exam-check>.large{margin-top:28px}
/* Results, notebooks and reports */
.result-card{padding:43px 39px 30px}.result-upper{display:grid;grid-template-columns:.85fr 1.3fr .45fr;gap:38px;align-items:center;min-height:270px}.score-display{text-align:center}.score-display>div{display:flex;align-items:baseline;justify-content:center;gap:6px}.score-display strong{font-size:83px;color:#49b55f;font-weight:700;letter-spacing:-4px}.score-display span{font-size:27px;white-space:nowrap;letter-spacing:-1px}.score-display h2{font-size:29px;color:#35a74e;letter-spacing:0;margin:3px 0 12px}.score-display p{color:#96a5b4;font-size:12px}.stats-bars{display:flex;flex-direction:column;gap:20px}.stat-row{display:grid;grid-template-columns:93px minmax(45px,1fr) 38px;align-items:center;gap:13px;font-size:13px}.stat-row .progress{height:12px}.stat-row>b{text-align:right;font-size:13px}.result-stats>.muted{margin-top:19px;text-align:right}.trophy{font-size:93px;position:relative;text-align:center;filter:saturate(.9)}.trophy i,.trophy b{position:absolute;color:#f7b452;font-size:29px;left:0;top:-10px;font-style:normal}.trophy b{left:auto;right:-10px;top:12px;color:#60c2b0}.need-practice{border:1px solid #e5ebf1;border-radius:12px;padding:19px 21px;display:flex;align-items:center;gap:25px;margin-top:28px;font-size:14px}.need-practice>strong{white-space:nowrap}.result-actions{display:flex;justify-content:space-evenly;margin-top:28px}.result-actions>.btn{min-width:157px}.celebration{margin:20px auto;text-align:center;padding:47px 30px;max-width:870px}.celebration-icon{font-size:91px;margin-bottom:20px}.celebration h2{font-size:34px;color:#377d58;margin-bottom:14px}.celebration>p{color:#8d9faf}.celebration-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:35px}.mistake-filter select{min-height:45px;border-radius:9px;border:1px solid #d5e1ee;background:white;color:#617991;padding:8px 15px;font-size:13px;max-width:100%}.mistakes-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}.mistake-list{overflow:hidden;max-height:515px;overflow-y:auto}.mistake-item{display:flex;align-items:flex-start;gap:13px;padding:24px 22px;background:white;border:0;border-bottom:1px solid #edf1f5;width:100%;text-align:left}.mistake-item:last-child{border-bottom:0}.mistake-item.active{background:#eaf5ff}.mistake-item h3{font-size:16px;font-weight:500;margin-bottom:10px;overflow-wrap:anywhere}.mistake-item p{font-size:12px;line-height:1.85;color:#8c9bab;overflow-wrap:anywhere}.mistake-dot{width:11px;height:11px;min-width:11px;border:3px solid #efa953;border-radius:50%;margin-top:6px}.mistake-dot.green{border-color:#6cc183}.mistake-detail{display:flex;flex-direction:column;gap:20px}.mastery-card{padding:27px 24px 12px}.mastery-card .data-line{font-size:14px;margin-bottom:21px}.mastery-card .data-line>b{font-size:13px;white-space:nowrap}.mastery-dots{display:flex;gap:7px}.mastery-dots i{width:13px;height:13px;border-radius:50%;border:1px solid #e3e7ee;background:#edf0f5}.mastery-dots i.filled{background:#f4a181;border-color:#f29774}.mastery-dots i.filled.green{background:#7dca8a;border-color:#7dca8a}.mastery-line{flex-wrap:wrap}.mastery-line small{color:#8b9aab;font-size:11px}.explanation-card{padding:25px;position:relative}.explanation-card h3{font-size:16px;margin-bottom:18px}.explanation-card>p:not(.small){font-size:15px;line-height:1.85;color:#546d86;overflow-wrap:anywhere}.explanation-bulb{float:right;font-size:25px}.example-words{display:flex;flex-wrap:wrap;gap:10px;background:#f4f8ff;padding:15px;color:#3f7caf;border-radius:10px;margin:17px 0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.example-words>span{background:white;border-radius:5px;padding:3px 8px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.report-card{overflow:hidden}.report-card-heading{padding:20px 26px;background:#f0f6ff;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5edf8}.report-card-heading h3{color:#2e73b4;font-size:19px}.report-card-heading small{font-weight:400;color:#819aba}.report-card-heading>.pill{margin-left:auto}.report-card-heading .avatar{width:45px;height:45px}.report-score{display:flex;align-items:center;justify-content:space-between;padding:27px 30px;font-size:14px}.report-score b{font-size:34px;letter-spacing:-1px}.report-score small{font-size:17px;font-weight:400}.report-card>.stats-bars{padding:0 30px 27px}.report-bottom{border-top:1px solid #edf1f6;padding:15px 30px 25px}.report-bottom h4{font-size:13px;margin:22px 0 13px}.report-bottom>.tag-list{min-height:35px}.compare-card{overflow:hidden}.compare-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}.compare-table th,.compare-table td{padding:20px 28px}.compare-table thead{background:#f1f5fb}.compare-table th{font-weight:600;font-size:14px}.compare-table thead th:not(:first-child){border-left:1px solid #e0e8f3}.compare-table thead th:first-child{width:24%}.compare-table thead .avatar{width:36px;height:36px;vertical-align:middle;margin-right:12px}.compare-table thead small{font-weight:400;color:#879bb0}.compare-table tbody tr:first-child td,.compare-table tbody tr:first-child th{padding-top:27px}.compare-table tbody tr:last-child td,.compare-table tbody tr:last-child th{padding-bottom:25px}.compare-table tbody td{border-left:1px solid #edf1f6}.compare-stat{display:flex;align-items:center;gap:19px;font-size:14px}.compare-stat .progress{height:13px}.compare-stat>b{min-width:37px;text-align:right}.sample-count{color:#9aabbb;font-size:11px;display:block;margin-top:7px}.ai-comparison{display:grid;grid-template-columns:24% 38% 38%;border-top:1px solid #e6edf6;background:#f8fbff;font-size:14px}.ai-label{display:flex;flex-direction:column;gap:3px;padding:23px 28px}.ai-label>span{font-size:30px;margin-bottom:5px}.ai-label>small{color:#879db5;font-size:11px}.ai-comparison>p{padding:29px 28px;line-height:1.9;color:#5c7690;border-left:1px solid #e6edf6;overflow-wrap:anywhere;align-self:stretch}.comparison-note{margin:20px 0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:20px;min-height:310px;justify-content:center;padding:35px;text-align:center}.empty-state>div{font-size:55px}.empty-state>p{color:#92a3b3}.modal-backdrop{position:fixed;inset:0;background:#214f7652;backdrop-filter:blur(3px);z-index:50;display:grid;place-items:center;padding:25px}.modal{width:min(470px,100%);padding:26px;box-shadow:0 22px 80px #244f7940}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.modal-title h2{font-size:22px}.modal p{text-align:center;margin:15px 0;line-height:1.8;font-size:14px}.modal-success{text-align:center;font-size:65px}.modal>.btn{margin-top:16px}.student-chooser{display:grid;grid-template-columns:1fr 1fr;gap:20px}.student-chooser>button{display:flex;flex-direction:column;align-items:center;padding:18px;gap:18px}.student-chooser .avatar{width:125px;height:125px}.student-chooser b{color:#367cad}.modal .icon-button{font-size:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#274f76;color:#fff;font-size:14px;line-height:1.6;padding:14px 25px;border-radius:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 40px);text-align:center;box-shadow:0 6px 25px #163b6626}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1200px) and (min-height:850px){.welcome-title{margin-top:5px}.entry-grid{margin-top:75px}.entry{height:360px}.entry>.avatar{height:251px}.welcome-note{margin-top:46px}.welcome{justify-content:flex-start}.main{padding-top:45px}.question-card{min-height:505px}.quiz-main{padding-top:27px}.question-prompt{margin:26px 0 30px}.answer-option{min-height:71px}}
@media(max-width:1100px){.main{padding:27px 25px 22px}.topbar-inner{padding:0 25px}.overview-grid{gap:15px}.course-card,.student-overview{padding:21px 19px}.student-title{gap:8px}.student-title .avatar{width:47px;height:47px}.student-title h3{font-size:16px}.student-title small{font-size:12px}.teacher-actions{gap:13px}.feature-card b{font-size:12px}.settings-layout{grid-template-columns:99px minmax(0,1fr) 265px;min-height:582px}.topics-panel{padding:24px}.extras-panel{padding:26px 20px}.generate-card{grid-template-columns:1fr 1fr .52fr;padding:33px 27px;gap:20px}.donut{width:208px;height:208px}.donut:after{width:138px;height:138px}.reading-mascot>.avatar{width:146px;height:210px}.question-card{padding:24px;min-height:439px}.quiz-layout{grid-template-columns:minmax(0,1fr) 218px;gap:19px}.hint-card{padding:21px 17px}.question-kicker h2{font-size:18px}.question-prompt{font-size:22px}.audio-player{gap:8px;padding:12px}.play-count{width:100%;text-align:center}.audio-player .waveform{max-height:36px}.visual-options .answer-option{min-height:174px}.clock-face{height:113px}.result-upper{gap:20px;grid-template-columns:.8fr 1.2fr .4fr}.result-card{padding:32px 27px 25px}.score-display strong{font-size:70px}.score-display span{font-size:23px}.trophy{font-size:77px}.task-card{padding:24px 20px}.task-card>.pill{right:16px}.report-card-heading{padding:18px 21px}.report-card-heading h3{font-size:17px}.report-card-heading small{font-size:12px}.report-card-heading>.pill{font-size:11px}.compare-table th,.compare-table td{padding:17px 22px}.ai-comparison>p{padding:25px 22px}.welcome-title h1{font-size:55px}.entry-grid{gap:26px;max-width:820px;margin-top:51px}.entry{height:310px}.entry>.avatar{height:209px}.welcome{padding:27px 38px 45px}.welcome-title{margin-top:-40px}.welcome-note{margin-top:32px}}
@media(max-width:850px){.topbar{height:72px}.topbar-inner{padding:0 22px;gap:12px}.topbar h1{font-size:19px}.topbar-end{gap:7px}.topbar-end .icon-button{margin-left:5px}.main{padding:28px 24px}.page-heading{margin-bottom:24px;gap:13px}.page-heading h2{font-size:23px}.page-heading>.pill{font-size:10px}.overview-grid{grid-template-columns:1fr 1fr}.course-card{grid-column:1/-1;display:grid;grid-template-columns:125px 1fr 190px;gap:0 15px;align-items:start;padding:23px}.course-card .section-label{grid-column:1}.course-card .unit-badge{grid-column:1;grid-row:2;width:max-content;margin-bottom:0}.course-card>.muted{grid-column:2;grid-row:1}.course-card .topic-list{grid-column:2;grid-row:2/4;columns:2;column-gap:20px;font-size:12px;margin-bottom:0}.course-card .extra-summary{grid-column:3;grid-row:1/4;border-top:0;border-left:1px solid #edf1f7;padding:0 0 0 17px;height:100%}.student-overview{min-height:278px;padding:23px}.student-title{margin-bottom:20px}.student-title .avatar{width:50px;height:50px}.student-title h3{font-size:18px}.student-overview .data-line{margin-bottom:17px}.text-button{padding-top:21px}.feature-card{min-height:118px;padding:20px 6px 14px}.feature-card b{font-size:11px}.teacher-actions{gap:10px;margin-top:20px}.settings-layout{grid-template-columns:90px minmax(0,1fr) 234px;min-height:733px}.unit-nav .btn{padding:18px 17px}.unit-nav .btn.active{padding-left:14px}.unit-note{left:9px}.topics-panel{padding:24px 20px}.settings-intro{align-items:flex-start;flex-direction:column;gap:10px}.topics-panel .check-row{font-size:14px;gap:9px;min-height:49px}.topic-group{padding-top:19px;margin-top:19px}.extras-panel{padding:27px 17px}.extras-panel>.muted{font-size:11px}.generate-card{grid-template-columns:1fr 1fr;gap:32px;padding:35px;min-height:465px}.reading-mascot{display:none}.question-mix h3{font-size:18px}.question-mix>.muted{font-size:11px}.mix-row{margin:23px 0;font-size:14px}.donut{width:220px;height:220px}.donut:after{width:146px;height:146px}.assignment-footer{margin-top:25px}.quiz-header-progress{width:220px;margin-left:auto;margin-right:0;gap:14px}.quiz-header-progress b{font-size:15px}.quiz-header-progress+.topbar-end>span,.quiz-header-progress+.topbar-end>.avatar{display:none}.quiz-header-progress+.topbar-end{margin-left:0}.quiz-layout{grid-template-columns:minmax(0,1fr) 180px;gap:16px}.question-card{padding:24px 20px;min-height:556px}.question-kicker{gap:10px;align-items:flex-start;margin-bottom:30px}.question-kicker h2{font-size:18px;line-height:1.5}.question-number{width:29px;height:29px;font-size:12px}.question-prompt{font-size:21px;margin:27px 0}.answer-option{min-height:70px;font-size:18px;padding:14px}.hint-card{padding:24px 14px}.hint-card h3{font-size:14px;gap:5px}.hint-card h3>span{font-size:22px}.hint-text{font-size:13px;line-height:1.8}.hint-card .btn{font-size:11px}.hint-lead{font-size:11px}.hint-doodle{gap:10px}.visual-options{gap:8px}.visual-options .answer-option{padding:28px 7px 14px;min-height:183px}.visual-options .option-text{font-size:11px}.clock-face{height:100px;max-width:100px}.picture-emoji{font-size:47px}.picture-card-text{font-size:13px;min-height:110px}.audio-player .btn{font-size:13px;padding:11px}.waveform{gap:3px;min-width:80px}.waveform i{min-width:2px}.word-tile{font-size:17px;padding:10px 12px;min-width:48px}.word-bank{gap:9px;min-height:125px;margin:25px 0}.answer-zone{padding:15px 10px;min-height:177px;gap:9px}.quiz-footer{gap:10px;margin-top:24px}.quiz-footer .btn{padding:11px 18px;font-size:14px}.quiz-footer .primary{min-width:135px}.footer-help{font-size:10px}.exam-layout .question-card{min-height:530px;padding:30px}.exam-layout .answer-options:not(.visual-options){flex-direction:column;gap:15px}.exam-layout .question-prompt{margin:30px 0}.exam-layout .answer-zone{min-height:135px}.exam-layout .word-bank{min-height:106px}.exam-layout .audio-player{margin-top:8px}.exam-layout .play-count{width:auto;margin-left:auto}.exam-layout .question-kicker{margin-bottom:22px}.question-grid{grid-template-columns:repeat(5,1fr);gap:16px}.result-card{padding:36px 26px 30px}.result-upper{grid-template-columns:1fr 1.2fr;gap:22px;min-height:340px;position:relative}.trophy{position:absolute;left:85px;bottom:-9px;font-size:57px}.trophy i,.trophy b{font-size:21px}.score-display{padding-bottom:65px}.score-display strong{font-size:68px}.score-display h2{font-size:26px}.result-stats .stat-row{grid-template-columns:77px minmax(45px,1fr) 33px;gap:8px;font-size:12px}.result-stats .stats-bars{gap:26px}.need-practice{gap:17px;align-items:flex-start;margin-top:30px;padding:18px}.result-actions{margin-top:30px}.report-grid{gap:20px}.report-card-heading{padding:19px 17px;flex-wrap:wrap;gap:9px}.report-card-heading .avatar{width:41px;height:41px}.report-card-heading>.pill{font-size:10px;margin-left:50px;margin-top:-6px}.report-score{padding:25px 20px}.report-card>.stats-bars{padding:0 20px 27px}.report-card .stat-row{grid-template-columns:77px minmax(30px,1fr) 33px;gap:8px;font-size:12px}.report-bottom{padding:16px 20px 24px}.mistakes-layout{grid-template-columns:1.05fr 1fr;gap:18px}.mistake-item{padding:22px 16px;gap:10px}.mistake-item h3{font-size:14px}.mastery-card{padding:24px 20px 10px}.mastery-card .data-line{font-size:12px;gap:10px}.mastery-dots{gap:5px}.mastery-dots i{width:12px;height:12px}.explanation-card{padding:23px 20px}.explanation-card>p:not(.small){font-size:14px}.mistake-list{max-height:665px}.compare-table th,.compare-table td{padding:19px 17px}.compare-table th{font-size:13px}.compare-table thead th:first-child{width:25%}.compare-table thead .avatar{display:block;margin-bottom:10px}.compare-table thead small{font-size:11px}.compare-stat{gap:10px;font-size:13px}.ai-label{padding:23px 17px}.ai-comparison{grid-template-columns:25% 37.5% 37.5%;font-size:13px}.ai-comparison>p{padding:25px 17px}.student-greeting{padding:20px 15px 33px}.student-greeting h2{font-size:30px}.student-greeting>.avatar{width:130px;height:130px}.student-task-grid{grid-template-columns:1fr 1fr;gap:20px}.task-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr 170px;min-height:160px;gap:7px 20px;align-items:center;padding:24px}.task-card:last-child .task-icon{grid-column:1;grid-row:1/4;margin-bottom:0}.task-card:last-child h3{grid-column:2;grid-row:1;margin:0}.task-card:last-child>.muted{grid-column:2;grid-row:2;margin:0}.task-card:last-child .task-score{grid-column:2;grid-row:3;font-size:25px;margin:0}.task-card:last-child>.btn{grid-column:3;grid-row:1/4;margin:0}.welcome{padding:35px 31px;min-height:100svh}.welcome-title{margin-top:63px}.welcome-title h1{font-size:58px}.welcome-title p{font-size:24px}.entry-grid{margin-top:83px;gap:20px}.entry{height:302px;border-radius:22px}.entry>.avatar{height:204px;padding:12px 5px 0}.entry>span{padding:15px 17px}.entry b{font-size:25px}.entry small{font-size:10px}.entry i{font-size:24px}.welcome-note{margin-top:43px;font-size:13px}.landscape{height:265px}.cloud-one{top:38%}.cloud-two{top:21%;right:-60px}.little-spark{margin-bottom:15px}}
@media(max-width:650px){h2{font-size:22px}.main{padding:23px 17px}.topbar-inner{padding:0 15px;gap:8px}.topbar h1{font-size:16px}.topbar-end>span,.topbar-end>.avatar{display:none}.topbar-end .icon-button{margin-left:0}.icon-button{width:40px;height:44px}.topbar .save-button{padding:9px 17px;min-width:70px;margin-left:auto}.save-button+.topbar-end{display:none}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h2{font-size:22px}.overview-grid{grid-template-columns:1fr}.course-card{grid-template-columns:100px 1fr}.course-card .extra-summary{grid-column:1/-1;grid-row:4;border-left:0;border-top:1px solid #edf1f7;margin-top:17px;padding:12px 0 0}.student-overview{min-height:275px}.teacher-actions{grid-template-columns:repeat(2,1fr);gap:13px}.teacher-actions>.feature-card:last-child{grid-column:1/-1;min-height:85px;flex-direction:row;justify-content:center;gap:17px}.feature-card b{font-size:13px}.settings-layout{grid-template-columns:75px 1fr;min-height:0}.unit-nav{grid-row:1/3}.unit-nav .btn{font-size:13px;padding:16px 13px}.unit-nav .btn.active{padding-left:10px}.unit-note{font-size:7px;left:6px}.topics-panel{padding:23px}.extras-panel{grid-column:2;border-left:0;border-top:1px solid var(--border);padding:23px}.settings-intro{flex-direction:row;align-items:center}.settings-intro>.pill{font-size:10px}.topic-group{margin-top:13px;padding-top:13px}.generate-card{grid-template-columns:1fr;gap:30px;padding:29px}.question-mix>.muted{margin-bottom:17px}.mix-row{margin:13px 0}.donut{width:210px;height:210px}.donut:after{width:140px;height:140px}.assignment-footer{flex-direction:column;gap:10px}.quiz-header-progress{width:140px;gap:10px}.quiz-header-progress>b{font-size:13px}.quiz-meta{font-size:11px}.quiz-layout{display:flex;flex-direction:column;gap:15px}.question-card{min-height:410px;padding:23px 18px}.question-kicker{margin-bottom:20px}.question-kicker h2{font-size:17px}.question-prompt{font-size:21px;margin:23px 0}.answer-option{min-height:65px}.hint-card{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}.hint-card h3{grid-column:1/-1}.hint-lead{display:none}.hint-card .hint-text{grid-column:1/-1;margin:0}.hint-card>.btn{margin:0;font-size:12px}.hint-card>.outline{margin-top:0}.hint-doodle{display:none}.revealed-answer{grid-column:1/-1}.quiz-footer{position:relative;margin-top:20px;gap:10px;flex-wrap:wrap}.footer-help{display:none}.quiz-footer>.primary{margin-left:auto;min-width:145px}.quiz-footer>.soft{display:none}.quiz-footer .btn{padding:11px 14px}.visual-options .answer-option{min-height:168px}.clock-face{height:95px}.word-bank{min-height:105px}.answer-zone{min-height:138px}.exam-layout .question-card{padding:24px 20px}.exam-layout .play-count{width:100%}.exam-check{padding:25px 20px}.question-grid{gap:10px}.question-grid .btn{min-height:50px;font-size:16px}.result-upper{display:flex;flex-direction:column;gap:27px;min-height:0}.score-display{padding:0}.score-display strong{font-size:78px}.result-stats{width:100%;margin-top:11px}.trophy{right:-4px;top:-10px;bottom:auto;left:auto;font-size:52px}.trophy i,.trophy b{display:none}.need-practice{flex-direction:column;gap:13px}.result-actions{gap:15px}.result-actions>.btn{min-width:0;flex:1;padding:12px 9px}.report-grid,.mistakes-layout{grid-template-columns:1fr}.report-card-heading>.pill{margin:0 0 0 auto}.report-card>.stats-bars{padding:0 25px 25px}.report-card .stat-row{grid-template-columns:90px 1fr 39px}.mistake-list{max-height:320px}.compare-table th,.compare-table td{padding:15px 10px}.compare-table thead small{display:none}.compare-table th{font-size:11px}.compare-stat{font-size:12px;gap:6px}.compare-stat>b{min-width:31px}.compare-stat .progress{height:9px}.ai-comparison{grid-template-columns:1fr 1fr}.ai-label{grid-column:1/-1;flex-direction:row;align-items:center;gap:13px;padding:17px}.ai-label>span{margin:0}.ai-comparison>p{padding:17px;font-size:12px}.student-greeting{padding:5px 0 28px}.student-greeting h2{font-size:26px}.student-greeting p{font-size:12px}.student-greeting>.avatar{width:100px;height:100px}.student-task-grid{grid-template-columns:1fr}.task-card{min-height:340px;padding:25px}.task-card:last-child{display:flex;min-height:285px;gap:12px}.task-card:last-child>.btn{margin-top:9px}.welcome{padding:25px 20px 45px}.welcome-title{margin-top:30px}.welcome-title h1{font-size:47px}.welcome-title p{font-size:19px}.version{font-size:9px;padding:7px 11px}.book-logo{font-size:12px;padding:9px}.book-logo strong{font-size:20px}.little-spark{font-size:8px;letter-spacing:1.5px}.entry-grid{grid-template-columns:1fr;gap:19px;max-width:355px;margin-top:39px}.entry{flex-direction:row;height:126px;border-radius:20px}.entry>.avatar{height:125px;width:123px;padding:4px 3px 0}.entry>span{height:100%;padding:20px}.entry b{font-size:27px}.entry small{font-size:11px}.entry i{font-size:25px}.welcome-note{font-size:10px;letter-spacing:1px;margin-top:33px}.landscape{height:290px}.cloud-two{top:25%}.celebration{padding:35px 20px}.celebration h2{font-size:26px}.celebration-actions{flex-direction:column}.student-chooser .avatar{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the five teacher actions fully visible on 768px-high displays. */
.overview-grid .topic-list{line-height:1.75}.overview-grid .unit-badge{margin-bottom:12px}.teacher-actions{margin-top:20px}.feature-card{min-height:112px}.word-tile{max-width:100%;overflow-wrap:anywhere}
/* Listening choices sit side by side so playback, answers and feedback fit one screen. */
@media(min-width:651px){
 .question-card:has(.audio-player) .answer-options:not(.visual-options){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .question-card:has(.audio-player) .answer-options:not(.visual-options) .answer-option{display:flex;justify-content:center;align-items:center;text-align:center;min-height:112px;padding:37px 13px 17px;font-size:16px;line-height:1.5}
 .question-card:has(.audio-player) .answer-options:not(.visual-options) .option-letter{position:absolute;top:9px;left:10px;width:24px;height:24px;font-size:11px}
 .question-card:has(.audio-player) .answer-options:not(.visual-options) .option-mark{position:absolute;right:7px;bottom:7px}
}

.demo-mode-banner{display:block;text-align:center;background:#edf7ff;color:#7198b9;font-size:10px;line-height:24px;text-decoration:none}.version{text-decoration:none;color:inherit}
.demo-mode-banner{position:absolute;right:16px;top:1px;z-index:2;line-height:14px;font-size:8px;padding:0 5px;background:#f4faff;border-radius:4px}