.activity-view{width:100%;color:var(--ink,#203c3a);text-align:right;animation:activity-arrive .25s ease-out}.activity-view h2{font-size:clamp(23px,2.4vw,31px);line-height:1.7;font-weight:650;margin:10px 0 6px}.activity-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--primary,#16796c)}.activity-prompt{font-size:17px;line-height:1.95;margin:0 0 25px;color:#526963;white-space:pre-line}.activity-body{font-size:18px;line-height:2.15;white-space:pre-line;margin:15px 0 25px;color:#38594f}.activity-example{background:#eff7f0;border:1px solid #e2eee3;border-radius:16px;padding:22px 25px;position:relative;overflow:hidden;margin:24px 0}.activity-example-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#5d8170}.activity-example p{position:relative;z-index:1;font-size:clamp(22px,2.4vw,31px);line-height:1.9;margin:12px 0 3px;color:#235d49;white-space:pre-line;font-weight:500}.activity-example-decoration{position:absolute;left:17px;bottom:-30px;font-size:150px;line-height:1.3;color:#dcebdc;transform:rotate(-10deg);pointer-events:none}.activity-takeaway{display:flex;gap:13px;align-items:flex-start;border:1px solid #f1e9d4;background:#fffcf3;border-radius:13px;padding:17px 20px;color:#8a7136}.activity-takeaway>svg{flex:none;margin-top:5px}.activity-takeaway strong{font-size:13px}.activity-takeaway p{font-size:15px;line-height:1.9;margin:4px 0 0;color:#706544}.activity-explain-footer{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:var(--muted,#7a8b88);padding-top:28px}.activity-mini-wave{display:flex;align-items:center;gap:3px;height:18px}.activity-mini-wave i{display:block;width:3px;background:#92b5a8;border-radius:5px;height:8px}.activity-mini-wave i:nth-child(2),.activity-mini-wave i:nth-child(4){height:14px}.activity-mini-wave i:nth-child(3){height:18px}.activity-options{display:grid;gap:11px}.activity-option{display:flex;align-items:center;gap:14px;width:100%;border:1.5px solid var(--border,#e6ece9);background:#fff;border-radius:12px;padding:14px 16px;text-align:right;color:var(--ink,#203c3a);font:inherit;font-size:16px;min-height:61px;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.activity-option:not(:disabled):hover{border-color:#91b9aa;background:#fbfdfb}.activity-option.is-selected{border-color:var(--primary,#16796c);background:#f0f8f4;box-shadow:0 0 0 1px #16796c0c}.activity-option.is-correct{border-color:#73ad87;background:#f0f8f0}.activity-option-letter{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;background:#f4f6f3;flex:none;font-size:13px;color:#819187}.activity-option.is-selected .activity-option-letter{background:#dcefe4;color:var(--primary,#16796c)}.activity-radio{border:1.5px solid #d7e1da;height:20px;width:20px;border-radius:100%;margin-right:auto;flex:none;display:grid;place-items:center}.activity-option.is-selected .activity-radio{border-color:var(--primary,#16796c);background:var(--primary,#16796c);color:#fff}.activity-view button:disabled{cursor:default}.activity-view button:focus-visible,.activity-view select:focus-visible,.activity-view input:focus-visible{outline:3px solid #72b2a5;outline-offset:3px}.activity-question-example{background:#f7f8f4;border:1px solid var(--border,#e6ece9);font-size:23px;text-align:center;padding:20px;border-radius:12px;line-height:1.9;margin-bottom:24px;white-space:pre-line}.activity-word-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;background:#f8faf7;border:1px solid #eaf0e9;padding:32px 20px;border-radius:15px}.activity-word{font:inherit;font-size:25px;line-height:1.9;min-width:55px;padding:7px 12px;border:1.5px solid #e0e8e0;background:#fff;border-radius:10px;color:var(--ink,#203c3a);cursor:pointer;transition:.15s}.activity-word:not(:disabled):hover{border-color:#83b2a3;transform:translateY(-2px)}.activity-word.is-selected,.activity-word.is-correct{background:#e4f2e8;border-color:var(--primary,#16796c);color:#126550}.activity-matching{display:grid;gap:12px}.activity-matching-header{display:flex;justify-content:space-between;color:#8b9b91;font-size:11px;padding:0 7px}.activity-match-row{display:grid;grid-template-columns:minmax(80px,1fr) 20px minmax(140px,1.7fr);align-items:center;gap:12px}.activity-match-label{background:#f5f8f3;border:1px solid #e8eee6;padding:12px 15px;border-radius:10px;font-size:17px;line-height:1.7}.activity-match-row>svg{color:#a4b7ab}.activity-match-row select{font:inherit;font-size:14px;width:100%;height:54px;border:1.5px solid #e1e9e0;border-radius:10px;padding:0 12px;background:#fff;color:var(--ink,#203c3a);cursor:pointer}.activity-match-row select:disabled{opacity:1;background:#fafcf9;color:#52705d}.activity-order-label{font-size:12px;color:var(--muted,#7a8b88);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.activity-reset{display:flex;align-items:center;gap:6px;font:inherit;color:#779081;background:transparent;border:0;cursor:pointer;font-size:11px}.activity-reset:disabled{opacity:.45}.activity-order-slots{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:18px;min-height:90px;border:1.5px dashed #b9cfc0;border-radius:13px;background:#f9fcf8}.activity-order-placeholder{color:#a0afa3;font-size:14px;margin:auto}.activity-order-selected{display:flex;align-items:center;gap:10px;font:inherit;font-size:16px;border:1px solid #b2d1be;border-radius:9px;background:#e8f3e9;padding:9px 12px;color:#356247;cursor:pointer}.activity-order-selected small{color:#6b9379;font-size:10px}.activity-order-selected svg{color:#7c9e85}.activity-order-bank{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:20px 0 4px}.activity-order-bank button{font:inherit;font-size:16px;border:1px solid #dde6dc;border-radius:9px;background:#fff;padding:10px 16px;color:#3e5946;cursor:pointer;transition:.15s}.activity-order-bank button:disabled{opacity:.3}.activity-fill{display:grid;gap:9px}.activity-fill label{font-size:12px;color:#6d8175}.activity-fill input{font:inherit;font-size:19px;padding:16px;border:1.5px solid #dce7dd;border-radius:12px;color:var(--ink,#203c3a);background:#fff;width:100%;box-sizing:border-box}.activity-fill input::placeholder{color:#a1afa2}.activity-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;min-height:46px}.activity-submit{display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:550;font-size:14px;padding:13px 20px;background:var(--primary,#16796c);color:#fff;border:0;border-radius:10px;cursor:pointer;transition:background .15s,opacity .15s;min-width:160px}.activity-submit:hover:not(:disabled){background:#116758}.activity-submit:disabled{opacity:.4}.activity-hint-button{display:flex;align-items:center;gap:6px;font:inherit;font-size:12px;color:#9a854d;border:0;background:transparent;cursor:pointer;padding:8px 0}.activity-preview-note{font-size:11px;color:#95a599;display:block;text-align:center;width:100%}.activity-hint{display:flex;gap:10px;padding:15px;background:#fffbef;border:1px solid #f3e9cc;border-radius:10px;margin-top:18px;color:#8f7847}.activity-hint svg{flex:none;margin-top:3px}.activity-hint p{margin:0;font-size:13px;line-height:1.8}.activity-feedback{display:flex;align-items:flex-start;gap:12px;padding:17px 19px;border-radius:12px;margin-top:24px}.activity-feedback>svg{flex:none;margin-top:3px}.activity-feedback strong{font-size:14px}.activity-feedback p{font-size:12px;line-height:1.8;margin:4px 0 0;opacity:.8}.activity-feedback.is-success{background:#edf7ef;color:#3f7c50;border:1px solid #dcecdf}.activity-feedback.is-review{background:#fdf6e8;color:#937235;border:1px solid #f0e6cf}.activity-solution{background:#f4f8f3;border:1px solid #dfeadc;border-radius:12px;padding:18px 20px;margin-top:15px;color:#42694a}.activity-solution>div{display:flex;gap:8px;align-items:center;font-size:12px}.activity-solution p{font-size:13px;line-height:1.9;margin:8px 0 0;white-space:pre-line}.activity-solution .activity-solution-answer{font-weight:600;font-size:17px;color:#285935}.activity-error{padding:10px 13px;background:#fff0ee;border:1px solid #f3d9d5;color:#a54538;border-radius:8px;font-size:12px;margin:15px 0 0}.activity-spin{animation:activity-spin 1s linear infinite}@keyframes activity-spin{to{transform:rotate(360deg)}}@keyframes activity-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.activity-view h2{font-size:24px}.activity-prompt{font-size:15px}.activity-body{font-size:16px}.activity-match-row{grid-template-columns:minmax(70px,.8fr) 16px minmax(130px,1.3fr);gap:7px}.activity-match-label{padding:10px;font-size:15px}.activity-match-row select{font-size:12px;padding:0 7px}.activity-option{font-size:15px;padding:12px}.activity-word{font-size:22px}.activity-word-bank{gap:8px;padding:23px 12px}.activity-actions{flex-wrap:wrap}.activity-example{padding:18px}.activity-takeaway{padding:15px}.activity-question-example{font-size:20px}}@media(prefers-reduced-motion:reduce){.activity-view,.activity-spin{animation:none}.activity-word,.activity-option{transition:none}}.student-learning-screen .activity-view.is-immersive{container:activity-panel / inline-size;min-width:0;padding:0;color:#173f36;animation:activity-arrive .22s ease-out}.student-learning-screen .activity-view.is-immersive h2{color:#173f36;font-size:25px;line-height:1.65;font-weight:650;margin:7px 0 10px;overflow-wrap:anywhere}.student-learning-screen .activity-view.is-immersive .activity-eyebrow{color:#137e6b;font-size:12px;gap:7px}.student-learning-screen .activity-view.is-immersive .activity-prompt{color:#63718a;font-size:17px;line-height:1.95;margin:0;overflow-wrap:anywhere}.student-learning-screen .activity-view.is-immersive .activity-body{color:#425f58;font-size:18px;line-height:2;margin:24px 0}.student-learning-screen .immersive-explanation-heading{padding:5px 0 3px}.student-learning-screen .is-first-explanation .immersive-explanation-heading{padding:25px 23px;border-radius:19px;background:#e9f6f0;background-image:radial-gradient(ellipse at 0 0,#d9eee5 0 25%,transparent 25.5%),radial-gradient(ellipse at 100% 100%,#d9eee5 0 28%,transparent 28.5%);text-align:center}.student-learning-screen .is-first-explanation .activity-eyebrow{justify-content:center}.student-learning-screen .is-first-explanation .immersive-explanation-heading h2{font-size:29px;margin:10px 0 8px}.student-learning-screen .is-first-explanation .immersive-explanation-heading .activity-prompt{color:#587b70;font-size:15px}.student-learning-screen .activity-view.is-immersive .activity-example{background:#e7f3fd;color:#2165a1;border:0;border-radius:18px;padding:23px 24px;margin:24px 0}.student-learning-screen .activity-view.is-immersive .activity-example-label{color:#2879b3;font-size:12px;font-weight:550}.student-learning-screen .immersive-example-lines{display:grid;gap:16px;margin-top:16px}.student-learning-screen .immersive-example-lines>div{display:flex;align-items:baseline;gap:11px;min-width:0}.student-learning-screen .immersive-example-lines>div>span{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:50%;background:#cce8fb;color:#297db1;font-size:13px;flex:none}.student-learning-screen .activity-view.is-immersive .immersive-example-lines p{font-size:24px;line-height:1.9;color:#245b8e;margin:0;font-weight:500;overflow-wrap:anywhere}.student-learning-screen .activity-view.is-immersive .activity-takeaway{border:0;background:#fff5d8;border-radius:18px;padding:21px 23px;color:#947431;gap:12px}.student-learning-screen .activity-view.is-immersive .activity-takeaway strong{font-size:14px;color:#866423}.student-learning-screen .activity-view.is-immersive .activity-takeaway p{font-size:16px;line-height:1.95;color:#837144;margin-top:8px}.student-learning-screen .immersive-question-card{border-radius:17px;background:#e9f4fe;padding:22px 24px;margin:0 0 21px}.student-learning-screen .activity-view.is-immersive .immersive-question-card .activity-eyebrow{color:#2271b5;font-size:11px}.student-learning-screen .activity-view.is-immersive .immersive-question-card h2{font-size:20px;color:#225b8c;margin:8px 0 5px}.student-learning-screen .activity-view.is-immersive .immersive-question-card .activity-prompt{font-size:19px;color:#223e4b;line-height:1.9}.student-learning-screen .activity-view.is-immersive .activity-options{gap:12px}.student-learning-screen .activity-view.is-immersive .activity-option{min-height:70px;border:1.5px solid #dce5e6;background:#fff;border-radius:15px;padding:17px 19px;color:#29443c;font-size:18px;line-height:1.8;gap:12px;opacity:1}.student-learning-screen .activity-view.is-immersive .activity-option-letter{width:29px;height:29px;font-size:12px;background:#f1f6f9;color:#7b91a0}.student-learning-screen .activity-view.is-immersive .activity-radio{height:23px;width:23px;border-color:#a7b7be}.student-learning-screen .activity-view.is-immersive .activity-option:not(:disabled):hover{background:#f7fbfe;border-color:#83b2d7}.student-learning-screen .activity-view.is-immersive .activity-option.is-selected{border-color:#216fc4;background:#eef6ff;box-shadow:0 0 0 1px #216fc40a}.student-learning-screen .activity-view.is-immersive .activity-option.is-selected .activity-option-letter{background:#dcecff;color:#216fc4}.student-learning-screen .activity-view.is-immersive .activity-option.is-selected .activity-radio{background:#216fc4;border-color:#216fc4;color:#fff}.student-learning-screen .activity-view.is-immersive .activity-option.is-correct{border-color:#68a88d;background:#edf9f2}.student-learning-screen .activity-view.is-immersive .activity-question-example{border:0;border-radius:16px;background:#f0ebfc;color:#544788;font-size:22px;line-height:1.9;padding:20px}.student-learning-screen .activity-view.is-immersive .activity-word-bank{border:0;background:#f0f4fb;padding:25px 16px;border-radius:18px;gap:10px}.student-learning-screen .activity-view.is-immersive .activity-word{font-size:24px;padding:8px 13px;border-radius:12px;border-color:#d6e0ed;color:#2d567d;opacity:1}.student-learning-screen .activity-view.is-immersive .activity-word.is-selected{border-color:#216fc4;color:#216fc4;background:#e4f0ff}.student-learning-screen .activity-view.is-immersive .activity-word.is-correct{border-color:#6ea68b;color:#27754f;background:#e8f6ec}.student-learning-screen .immersive-interaction-guide{font-size:14px;line-height:1.9;color:#6b7790;margin:0 0 17px;min-height:26px}.student-learning-screen .immersive-match-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.student-learning-screen .immersive-match-columns>div{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}.student-learning-screen .immersive-match-columns h3{font-size:12px;margin:0 0 1px;color:#7f8f9b;font-weight:500}.student-learning-screen .immersive-match-source,.student-learning-screen .immersive-match-target{position:relative;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:8px;text-align:right;min-height:91px;min-width:0;border:1.5px solid #dbe6ec;border-radius:14px;padding:15px 13px;color:#315771;background:#f4f9ff;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.student-learning-screen .immersive-match-source strong,.student-learning-screen .immersive-match-target strong{font-size:17px;line-height:1.7;font-weight:550;overflow-wrap:anywhere}.student-learning-screen .immersive-pair-number{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;font-size:10px;background:#e0ecf9;color:#6395bc;border-radius:8px}.student-learning-screen .immersive-match-source>small{display:flex;align-items:center;gap:5px;width:100%;color:#347a65;font-size:11px;line-height:1.6}.student-learning-screen .immersive-match-source.is-active{background:#e5f0ff;border-color:#216fc4;box-shadow:0 0 0 2px #216fc410}.student-learning-screen .immersive-match-source.is-paired{background:#eef8f3;border-color:#c5e0d1}.student-learning-screen .immersive-match-source.is-paired.is-active{border-color:#216fc4}.student-learning-screen .immersive-match-target{background:#f4efff;border-color:#e1d9f2;color:#63508d;justify-content:center;text-align:center}.student-learning-screen .immersive-match-target:not(:disabled):hover{background:#e9e1fc;border-color:#a28bc7}.student-learning-screen .immersive-match-source:disabled,.student-learning-screen .immersive-match-target:disabled{opacity:1;cursor:default}.student-learning-screen .immersive-pair-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%}.student-learning-screen .immersive-pair-tags small{font-size:10px;line-height:1.6;background:#fff;border:1px solid #e1d8f2;border-radius:6px;padding:2px 7px;color:#766393}.student-learning-screen .immersive-classify-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 14px;background:#f7f9fc;border-radius:15px;border:1px dashed #d7e1ec;margin-bottom:20px;min-height:75px}.student-learning-screen .immersive-word-chip{font:inherit;font-size:17px;line-height:1.7;padding:10px 14px;border-radius:11px;border:1.5px solid #dce4ec;background:#fff;color:#3b5d75;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.student-learning-screen .immersive-word-chip.is-active{border-color:#216fc4;background:#e8f2ff;color:#216fc4;box-shadow:0 0 0 2px #216fc410}.student-learning-screen .immersive-word-chip:disabled,.student-learning-screen .immersive-group-heading:disabled{opacity:1;cursor:default}.student-learning-screen .immersive-classify-done{display:flex;align-items:center;gap:7px;font-size:13px;color:#558670}.student-learning-screen .immersive-classify-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:13px}.student-learning-screen .immersive-classify-group{--group-bg: #edf4fe;--group-ink: #326da9;border-radius:16px;border:1px solid #dfe8f5;padding:12px;background:var(--group-bg);min-width:0}.student-learning-screen .immersive-classify-group.tone-1{--group-bg: #f3eefc;--group-ink: #7761a6;border-color:#e9dff4}.student-learning-screen .immersive-classify-group.tone-2{--group-bg: #ebf7f1;--group-ink: #41856b;border-color:#d8eade}.student-learning-screen .immersive-group-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;font:inherit;width:100%;min-height:43px;padding:4px 5px 12px;border:0;background:transparent;color:var(--group-ink);cursor:pointer;text-align:right}.student-learning-screen .immersive-group-heading strong{font-size:14px;font-weight:600;line-height:1.6}.student-learning-screen .immersive-group-heading>span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:5px;background:#ffffffa6;border-radius:50%;font-size:10px}.student-learning-screen .immersive-group-heading:not(:disabled):hover{border-radius:8px;background:#ffffff7a}.student-learning-screen .immersive-group-words{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:102px;padding-top:8px;border-top:1px solid #ffffffa6}.student-learning-screen .immersive-group-words>span{align-self:center;margin:auto;font-size:11px;color:#8994a6}.student-learning-screen .immersive-group-words .immersive-word-chip{font-size:15px;line-height:1.65;padding:7px 9px;border-color:transparent;box-shadow:0 2px 5px #254d5d06}.student-learning-screen .immersive-group-words .immersive-word-chip.is-active{border-color:#216fc4}.student-learning-screen .immersive-adjust-note{font-size:11px;color:#8b96a5;text-align:center;margin:13px 0 0}.student-learning-screen .activity-view.is-immersive .activity-order-label{font-size:13px;line-height:1.9;color:#7b7f94}.student-learning-screen .activity-view.is-immersive .activity-order-slots{border-radius:16px;background:#f3effc;border:1.5px dashed #c9bee0;min-height:125px;padding:19px;gap:8px}.student-learning-screen .activity-view.is-immersive .activity-order-placeholder{color:#9789b1;font-size:14px}.student-learning-screen .activity-view.is-immersive .activity-order-selected{border-color:#d4c9e7;background:#fff;border-radius:11px;color:#67518d;padding:10px 13px;font-size:18px;gap:8px}.student-learning-screen .activity-view.is-immersive .activity-order-selected small{color:#aaa0c0}.student-learning-screen .activity-view.is-immersive .activity-order-selected svg{color:#9e8eb8}.student-learning-screen .activity-view.is-immersive .activity-order-selected:disabled{opacity:1}.student-learning-screen .activity-view.is-immersive .activity-order-bank{gap:10px;padding-top:23px}.student-learning-screen .activity-view.is-immersive .activity-order-bank button{border:1px solid #d9e5ef;background:#f1f7fd;color:#3e739e;border-radius:12px;padding:12px 17px;font-size:18px}.student-learning-screen .activity-view.is-immersive .activity-fill{background:#f7f9fd;border-radius:17px;padding:21px;gap:13px}.student-learning-screen .activity-view.is-immersive .activity-fill label{font-size:13px;color:#7a87a1}.student-learning-screen .activity-view.is-immersive .activity-fill input{border:1.5px solid #ccdbed;border-radius:13px;padding:17px;font-size:22px;color:#2a577e}.student-learning-screen .activity-view.is-immersive .activity-feedback{padding:18px;border-radius:15px;margin-top:24px;gap:11px}.student-learning-screen .activity-view.is-immersive .activity-feedback strong{font-size:15px}.student-learning-screen .activity-view.is-immersive .activity-feedback p{font-size:13px;line-height:1.9}.student-learning-screen .activity-view.is-immersive .activity-solution{border-radius:15px;background:#edf7f3;border:1px solid #d6e9de;padding:19px}.student-learning-screen .activity-view.is-immersive .activity-solution p{font-size:14px;line-height:1.95}.student-learning-screen .activity-view.is-immersive .activity-solution .activity-solution-answer{font-size:18px}.student-learning-screen .activity-view.is-immersive .activity-error{font-size:13px;line-height:1.8;border-radius:12px}.student-learning-screen .activity-actions.immersive-actions{display:flex;flex-wrap:nowrap;width:100%;margin:0;min-height:0;gap:10px}.student-learning-screen .activity-actions.immersive-actions .activity-submit{background:#216fc4;border-radius:50px;min-height:46px;padding:11px 18px;color:#fff;font-size:14px;font-weight:550;width:100%;min-width:0}.student-learning-screen .activity-actions.immersive-actions .activity-submit:not(:disabled):hover{background:#195ca6}.student-learning-screen .activity-actions.immersive-actions .activity-submit:disabled{opacity:.43}.student-learning-screen .activity-actions.immersive-actions .activity-hint-button{flex:none;font-size:11px}.student-learning-screen .activity-view.is-immersive button:focus-visible,.student-learning-screen .activity-actions.immersive-actions button:focus-visible{outline:3px solid #7bb8ed;outline-offset:3px}@container activity-panel (max-width: 440px){.student-learning-screen .activity-view.is-immersive h2{font-size:23px}.student-learning-screen .is-first-explanation .immersive-explanation-heading{padding:21px 18px}.student-learning-screen .is-first-explanation .immersive-explanation-heading h2{font-size:26px}.student-learning-screen .activity-view.is-immersive .activity-body{font-size:16px;line-height:2;margin:22px 0}.student-learning-screen .activity-view.is-immersive .activity-prompt{font-size:15px}.student-learning-screen .activity-view.is-immersive .activity-example{padding:20px 17px;margin:22px 0}.student-learning-screen .activity-view.is-immersive .immersive-example-lines p{font-size:21px;line-height:1.9}.student-learning-screen .immersive-example-lines{gap:14px}.student-learning-screen .immersive-example-lines>div{gap:8px}.student-learning-screen .immersive-example-lines>div>span{min-width:25px;height:25px;font-size:11px}.student-learning-screen .activity-view.is-immersive .activity-takeaway{padding:18px 17px;gap:9px}.student-learning-screen .activity-view.is-immersive .activity-takeaway strong{font-size:13px}.student-learning-screen .activity-view.is-immersive .activity-takeaway p{font-size:14px}.student-learning-screen .immersive-question-card{padding:19px 18px}.student-learning-screen .activity-view.is-immersive .immersive-question-card h2{font-size:18px}.student-learning-screen .activity-view.is-immersive .immersive-question-card .activity-prompt{font-size:17px}.student-learning-screen .activity-view.is-immersive .activity-option{font-size:16px;padding:15px 14px;min-height:64px;gap:9px}.student-learning-screen .activity-view.is-immersive .activity-option-letter{height:25px;width:25px;font-size:11px}.student-learning-screen .activity-view.is-immersive .activity-radio{height:21px;width:21px}.student-learning-screen .immersive-interaction-guide{font-size:13px}.student-learning-screen .immersive-match-columns{gap:11px}.student-learning-screen .immersive-match-source,.student-learning-screen .immersive-match-target{min-height:88px;padding:13px 10px;gap:6px}.student-learning-screen .immersive-match-source strong,.student-learning-screen .immersive-match-target strong{font-size:16px}.student-learning-screen .immersive-pair-number{height:21px;width:21px;font-size:9px}.student-learning-screen .immersive-classify-bank{gap:8px;padding:17px 11px}.student-learning-screen .immersive-word-chip{font-size:16px;padding:9px 12px}.student-learning-screen .immersive-classify-groups{gap:10px}.student-learning-screen .immersive-classify-group{padding:10px}.student-learning-screen .immersive-group-heading strong{font-size:13px}.student-learning-screen .immersive-group-words .immersive-word-chip{font-size:14px;padding:7px}.student-learning-screen .activity-view.is-immersive .activity-order-label{font-size:12px}.student-learning-screen .activity-view.is-immersive .activity-order-slots{padding:15px;min-height:110px}.student-learning-screen .activity-view.is-immersive .activity-order-selected{font-size:16px;padding:9px 10px}.student-learning-screen .activity-view.is-immersive .activity-order-bank button{font-size:16px;padding:11px 14px}.student-learning-screen .activity-view.is-immersive .activity-fill{padding:18px}.student-learning-screen .activity-view.is-immersive .activity-fill input{padding:15px;font-size:19px}.student-learning-screen .activity-view.is-immersive .activity-feedback{padding:15px}.student-learning-screen .activity-view.is-immersive .activity-feedback strong{font-size:14px}.student-learning-screen .activity-view.is-immersive .activity-feedback p{font-size:12px}}@media(prefers-reduced-motion:reduce){.student-learning-screen .activity-view.is-immersive{animation:none}.student-learning-screen .immersive-match-source,.student-learning-screen .immersive-match-target{transition:none}}.room-library{background:var(--surface);border:1px solid #dce6da;border-radius:16px;margin-bottom:29px;box-shadow:0 4px 15px #294c3504;overflow:hidden;min-width:0}.room-library-header{display:flex;align-items:center;gap:12px;padding:21px 24px;border-bottom:1px solid #eaf0e5}.room-library-header-icon{width:43px;height:43px;border-radius:12px;background:#edf4e8;color:#77976a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.room-library-header h2{font-size:18px;font-weight:500;color:var(--ink)}.room-library-header p{font-size:11px;color:#82917b;margin-top:5px;line-height:1.8}.room-library-grade{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-size:10px;color:#78916b;background:#f4f7ef;padding:6px 10px;border-radius:7px;white-space:nowrap}.room-library-selectors{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 24px}.room-library-select-field{min-width:0}.room-library-step{display:flex;align-items:center;gap:8px;padding-bottom:12px}.room-library-step>span{height:22px;width:22px;border-radius:50%;background:#eef3e8;color:#8a9d7a;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.room-library-step h3,.room-library-step strong{font-size:12px;font-weight:500;color:var(--ink)}.room-library-step>small{margin-right:auto;color:#9daa92;font-size:10px}.room-library-select-wrap{display:flex;align-items:center;position:relative;background:#fafcf8;border:1px solid #dfe8d9;border-radius:9px;height:46px;color:#829b73}.room-library-select-wrap>svg:first-child{position:absolute;right:13px;pointer-events:none}.room-library-select-wrap>svg:last-child{position:absolute;left:13px;pointer-events:none}.room-library-select-wrap select{width:100%;height:100%;background:transparent;border:0;border-radius:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 42px 0 36px;font:inherit;font-size:12px;color:#3f654b;cursor:pointer}.room-library-select-wrap:focus-within{outline:2px solid #8bbca6;outline-offset:2px}.room-library-select-wrap select:focus{outline:0}.room-library-sections{padding:0 24px 22px}.room-library-sections-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.room-library-sections-heading>.room-library-step{padding:0;min-width:100px}.room-library-sections-heading p{display:flex;align-items:center;gap:6px;color:#84957b;font-size:10px;line-height:1.8}.room-library-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-section-card{background:#fafcf8;border:1px solid #ecf1e7;border-radius:11px;min-width:0;overflow:hidden;transition:background .15s,border-color .15s}.room-section-card.is-selected{background:#eef5e9;border-color:#c6dcb9}.room-section-card.is-live{border-color:#92b8a4}.room-section-card-main{display:flex;align-items:center;gap:10px;padding:13px 14px 11px}.room-section-preview{display:flex;align-items:center;gap:11px;flex:1;min-width:0;text-align:right;background:transparent;border:0;padding:0;border-radius:7px}.room-section-preview:hover .room-section-copy strong{color:var(--primary)}.room-section-icon{height:39px;width:39px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e5eee0;color:#739564;border-radius:10px}.room-section-icon.tone-mint{background:#e0eee7;color:#548b73}.room-section-icon.tone-blue{background:#e6eff1;color:#668b99}.room-section-icon.tone-violet{background:#eeebf2;color:#9380a1}.room-section-icon.tone-amber{background:#f3eedf;color:#aa935b}.room-section-copy{min-width:0}.room-section-copy strong{display:block;font-size:12px;font-weight:500;line-height:1.6;color:#4f6b49}.room-section-copy small{display:block;font-size:9px;color:#8a9b7e;margin-top:3px}.room-section-send{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bfd9cd;border-radius:8px;background:#fff;color:var(--primary);padding:8px 10px;font-size:11px;flex-shrink:0;transition:background .15s}.room-section-send:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.room-section-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e8eee1;padding:9px 14px}.room-section-lock{display:inline-flex;align-items:center;gap:7px;cursor:pointer;line-height:1.5;color:#7e9072;font-size:10px;min-width:0}.room-section-lock input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:14px;height:14px;margin:0;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.room-section-lock:has(input:disabled){cursor:default;opacity:.6}.room-section-lock input:focus-visible,.room-section-preview:focus-visible,.room-section-send:focus-visible{outline:2px solid #6f9f88;outline-offset:3px}.room-section-state{display:inline-flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap;color:#90a181}.room-section-state.live{color:var(--primary)}.room-library-activities{background:#fbfcf9;border-top:1px solid #eaf0e5;padding:17px 24px 19px}.room-library-activities-heading{display:flex;align-items:center;gap:7px;color:#8da37d;margin-bottom:12px}.room-library-activities-heading h3{font-size:11px;font-weight:500;color:#6c855e}.room-library-activities-heading>span{margin-right:auto;font-size:9px;color:#93a185}.room-library-activity-list{display:flex;flex-wrap:wrap;gap:8px}.room-library-activity{display:inline-flex;align-items:center;gap:8px;font-size:11px;border:1px solid #e0e8d9;border-radius:8px;background:#fff;padding:9px 12px;color:#7a8e6d;text-align:right}.room-library-activity>span{color:#a1b18f;font-size:9px}.room-library-activity.is-selected{background:#eaf3e4;border-color:#cbdcbe;color:#4b7745}.room-library-activity:hover:not(:disabled){border-color:#a9c29b}.room-library-activity>svg{color:var(--primary)}.room-library-footer{display:flex;align-items:center;justify-content:space-between;gap:17px;border-top:1px solid #eaf0e5;padding:18px 24px}.room-library-selection{min-width:0}.room-library-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;color:#839477;line-height:1.8}.room-library-breadcrumb>strong{color:#59794b;font-weight:500}.room-library-breadcrumb svg{color:#b3bfa8}.room-library-selection p{font-size:9px;color:#8e9c83;margin-top:5px;line-height:1.9;max-width:440px}.room-library-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.room-library-preview,.room-library-publish{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px 12px;font-size:11px;white-space:nowrap}.room-library-preview{color:#758f65;background:#f4f7ee;border:1px solid #e5ecd9}.room-library-preview:hover:not(:disabled){background:#eaf1e0}.room-library-publish{background:var(--primary);color:#fff;border:1px solid var(--primary)}.room-library-publish:hover:not(:disabled){background:var(--primary-dark)}.room-library-publish:disabled{background:#e6f0df;border-color:#d3e3c9;color:#759265;opacity:1}@media(min-width:1600px){.room-library-section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.room-section-card-main{padding:13px 11px;gap:7px}.room-section-icon{width:34px;height:34px}.room-section-preview{gap:8px}.room-section-send{padding:8px}.room-section-card-bottom{padding:9px 11px}}@media(max-width:1150px){.room-library-header,.room-library-footer{padding-right:18px;padding-left:18px}.room-library-selectors{padding:18px;gap:18px}.room-library-sections{padding:0 18px 18px}.room-section-card-main{padding:12px 10px;gap:8px}.room-section-card-bottom{padding:9px 10px}.room-section-preview{gap:8px}.room-section-copy strong{font-size:11px}.room-section-send{padding:7px 8px;font-size:10px}.room-section-icon{height:34px;width:34px}.room-section-icon svg{height:20px;width:20px}.room-library-footer{align-items:flex-start;flex-direction:column}.room-library-actions{align-self:flex-end}.room-library-selection p{max-width:none}}@media(max-width:700px){.room-library{border-radius:13px;margin-bottom:25px}.room-library-header{padding:17px;gap:9px;align-items:flex-start}.room-library-header-icon{height:34px;width:34px;border-radius:10px}.room-library-header-icon svg{height:19px;width:19px}.room-library-header h2{font-size:16px}.room-library-header p{font-size:10px}.room-library-grade{font-size:9px;padding:5px 7px}.room-library-grade svg{display:none}.room-library-selectors{grid-template-columns:1fr;padding:17px;gap:15px}.room-library-step{padding-bottom:8px}.room-library-sections{padding:0 17px 17px}.room-library-sections-heading{align-items:flex-start;flex-direction:column;gap:8px}.room-library-sections-heading>.room-library-step{width:100%}.room-library-sections-heading p{font-size:9px;gap:5px}.room-library-section-grid{grid-template-columns:1fr;gap:9px}.room-section-card-main{padding:12px}.room-section-preview{gap:10px}.room-section-copy strong{font-size:12px}.room-section-icon{width:37px;height:37px}.room-section-card-bottom{padding:9px 12px}.room-section-lock{font-size:10px}.room-section-send{padding:8px 11px;font-size:11px}.room-library-activities{padding:15px 17px}.room-library-activities-heading{flex-wrap:wrap;gap:6px}.room-library-activities-heading>span{width:100%;margin:0;padding-right:22px;font-size:8px}.room-library-activity{font-size:10px;padding:8px 10px}.room-library-footer{padding:15px 17px;gap:13px}.room-library-breadcrumb{font-size:9px;gap:4px}.room-library-selection p{font-size:9px}.room-library-actions{width:100%;gap:9px}.room-library-preview,.room-library-publish{flex:1;padding:10px 9px;font-size:10px}}.student-learning-screen{--learning-blue: #216fc4;--learning-green: #148d77;container:learning-screen / inline-size;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:#fff;color:#203d3c;direction:rtl}.learning-header{display:flex;align-items:center;gap:13px;padding:20px 30px 18px;min-width:0;border-bottom:1px solid #eef1f0;background:#fff}.learning-brand-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:15px;background:#edf6ff;color:var(--learning-blue)}.learning-heading{min-width:0;flex:1}.learning-heading p{color:#7d908d;font-size:11px;line-height:1.7;margin:0 0 3px}.learning-heading p span{padding-inline:3px;color:#b8c6c2}.learning-heading h1{font-size:24px;font-weight:600;line-height:1.5;color:#203d3c;margin:0}.learning-header-actions{display:flex;align-items:center;gap:7px;flex:none}.learning-header-actions>button{display:grid;place-items:center;height:42px;min-width:42px;padding:10px;background:#eff7fd;color:var(--learning-blue);border:1px solid transparent;border-radius:50%;cursor:pointer}.learning-header-actions>button:hover:not(:disabled){background:#e2f0fc}.learning-header-actions>button:focus-visible{outline:3px solid #9ac8f0;outline-offset:2px}.learning-teacher-presence{display:flex;align-items:center;gap:6px;color:#7c9389;font-size:11px}.learning-teacher-presence svg{color:var(--learning-green)}.learning-progress-strip{display:flex;align-items:center;gap:16px;padding:14px 30px;border-bottom:1px solid #e9efec;background:#fff;min-width:0}.learning-progress-strip>strong{font-size:14px;font-weight:600;color:var(--learning-green);flex:none}.learning-progress-track{height:7px;border-radius:20px;background:#edf0f3;overflow:hidden;flex:1;min-width:24px}.learning-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--learning-green);transition:width .2s ease}.learning-count{font-size:11px;color:#617375;font-variant-numeric:tabular-nums;white-space:nowrap}.learning-scroll-content{overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d7e4de transparent;outline:none}.learning-content-inner{min-height:100%;display:flex;flex-direction:column;padding:26px 30px 24px;width:100%;max-width:840px;margin-inline:auto}.learning-content-inner>.activity-view{width:100%}.learning-connection-note{margin:0 0 18px;padding:11px 14px;border-radius:12px;background:#fff6e2;color:#937538;font-size:12px;line-height:1.8;text-align:center}.learning-teacher-note{display:flex;align-items:flex-start;gap:10px;padding:17px 19px;background:#fff8df;border:1px solid #f3e8c5;border-radius:17px;color:#957538;margin-top:22px}.learning-teacher-note>svg{margin-top:4px;flex:none}.learning-teacher-note strong{font-size:13px;font-weight:600}.learning-teacher-note p{font-size:14px;line-height:1.9;margin:5px 0 0;white-space:pre-line;color:#7d704e}.learning-assisted-note{display:flex;justify-content:center;align-items:flex-start;gap:7px;color:#8f8059;font-size:12px;line-height:1.8;padding:15px 0 0;margin:0}.learning-assisted-note svg{flex:none;margin-top:3px}.learning-footer{background:#fff;padding:15px 30px max(17px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #203c3a04;z-index:2;border-top:1px solid #f0f3f0}.learning-submit-slot:empty{display:none}.learning-submit-slot{margin-bottom:11px}.learning-submit-slot .activity-actions{margin:0}.learning-navigation{display:flex;gap:13px;width:100%;max-width:780px;margin:auto}.learning-button{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:11px 18px;border:1px solid #bfd6ed;border-radius:999px;color:var(--learning-blue);background:#fff;font:inherit;font-size:15px;font-weight:550;cursor:pointer;transition:background .15s,transform .15s}.learning-button>svg{flex:none}.learning-button.is-primary{background:var(--learning-blue);border-color:var(--learning-blue);color:#fff}.learning-button.is-review{background:#edf6ff;border-color:#d8e9f8}.learning-button:not(:disabled):hover{background:#edf6ff}.learning-button.is-primary:not(:disabled):hover{background:#185ea9}.learning-button:disabled{opacity:.38;cursor:default}.learning-button:focus-visible{outline:3px solid #97c9f1;outline-offset:3px}.learning-navigation-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#90a094;font-size:10px;margin:9px 0 0;line-height:1.7;text-align:center}.learning-waiting-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#8c9b91;font-size:12px;padding:8px 0}.learning-empty-state{flex:1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 16px;color:#70917c}.learning-empty-state h2{font-size:26px;font-weight:550;color:#2e5f4e;margin:17px 0 12px}.learning-empty-state p{color:#85958c;font-size:15px;line-height:2;margin:0;white-space:pre-line}.learning-empty-state>.learning-button{flex:none;margin-top:22px;min-width:190px}.learning-loading{color:var(--learning-blue);gap:15px}.learning-waiting-icon{width:115px;height:115px;border-radius:32px;display:grid;place-items:center;background:#eaf5ee;color:#3a8b6a;position:relative;margin-bottom:24px}.learning-waiting-icon svg:last-child{position:absolute;top:13px;left:15px;color:#9fc6b0}.learning-waiting-dots{display:flex;gap:7px;margin-top:25px}.learning-waiting-dots i{height:6px;width:6px;border-radius:50%;background:#c3d8ca}.learning-waiting-dots i:nth-child(2){background:#9fc3ad}.learning-completion{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;padding:28px 10px 0;min-height:100%}.learning-completion-art{height:154px;width:154px;position:relative;display:grid;place-items:center;border-radius:50%;color:var(--learning-blue);background:#edf5fc;margin:7px 0 30px;border:1px solid #dbe9f7}.learning-completion-orbit{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid #e0ebf5;border-radius:50%}.learning-completion-check{position:absolute;bottom:2px;right:2px;display:grid;place-items:center;width:43px;height:43px;border:5px solid #fff;border-radius:50%;background:var(--learning-green);color:#fff}.learning-completion-spark{position:absolute;top:3px;left:0;color:#c0a465}.learning-completion-eyebrow{font-size:11px;letter-spacing:.1px;color:#6f9b86}.learning-completion h2{font-size:31px;font-weight:600;margin:10px 0 13px;color:#24473d}.learning-completion>p{color:#87978e;font-size:15px;line-height:1.9;margin:0}.learning-completion-results{display:flex;align-items:center;gap:7px;font-size:12px;color:#549473;background:#edf7ef;border-radius:20px;padding:9px 13px;margin-top:18px}.learning-next-section{width:100%;padding:22px 0 5px;margin-top:auto}.learning-next-section>span{display:block;font-size:11px;color:#9aa6a1}.learning-next-section strong{display:block;font-size:18px;color:var(--learning-blue);margin-top:7px;font-weight:550}.learning-next-section p{font-size:12px;color:#8d9b94;margin:9px 0 0;line-height:1.8}.learning-spinner{animation:learning-spin .8s linear infinite}@keyframes learning-spin{to{transform:rotate(360deg)}}@container learning-screen (max-width: 500px){.learning-header{padding:15px 19px 13px;gap:10px}.learning-brand-icon{display:none}.learning-heading p{font-size:9px}.learning-heading h1{font-size:20px}.learning-header-actions{gap:6px}.learning-header-actions>button{height:38px;min-width:38px;padding:9px}.learning-header-actions>button svg{height:18px;width:18px}.learning-teacher-presence>span{display:none}.learning-teacher-presence{padding:10px;background:#edf6ff;border-radius:50%;color:var(--learning-blue)}.learning-progress-strip{padding:12px 19px;gap:11px}.learning-progress-strip>strong{font-size:12px}.learning-progress-track{height:6px}.learning-count{font-size:10px}.learning-content-inner{padding:22px 19px 20px}.learning-footer{padding:12px 19px max(14px,env(safe-area-inset-bottom))}.learning-navigation{gap:11px}.learning-button{min-height:46px;padding:10px 13px;font-size:14px;gap:7px}.learning-button>svg{width:17px;height:17px}.learning-teacher-note{padding:14px;border-radius:15px}.learning-teacher-note p{font-size:13px}.learning-completion{padding-top:20px}.learning-completion-art{height:130px;width:130px;margin-bottom:28px}.learning-completion-art>svg:not(.learning-completion-spark){width:61px;height:61px}.learning-completion h2{font-size:27px}.learning-completion>p{font-size:14px}.learning-empty-state h2{font-size:24px}.learning-empty-state p{font-size:14px}}@container learning-screen (max-width: 350px){.learning-header{padding:13px 13px 12px;gap:7px}.learning-heading p{font-size:8px}.learning-heading h1{font-size:18px}.learning-header-actions>button{height:34px;min-width:34px;padding:8px}.learning-progress-strip{padding:11px 13px;gap:8px}.learning-count{font-size:9px}.learning-progress-strip>strong{font-size:11px}.learning-content-inner{padding:19px 13px 17px}.learning-footer{padding:10px 13px max(12px,env(safe-area-inset-bottom))}.learning-button{font-size:12px;min-height:42px;padding:9px 10px}.learning-navigation{gap:8px}.learning-navigation-note{font-size:9px}.learning-completion{padding-top:14px}.learning-completion-art{height:112px;width:112px;margin-bottom:25px}.learning-completion h2{font-size:24px}.learning-completion>p{font-size:12px}.learning-empty-state p{font-size:12px}}@media(prefers-reduced-motion:reduce){.learning-spinner{animation:none}.learning-progress-track>span,.learning-button{transition:none}}.student-session-app{height:100dvh;min-height:0;overflow:hidden;background:#fff;position:relative}.student-header-action{height:40px;width:40px;border:0;border-radius:50%;color:#1c72b9;background:#f0f8ff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;cursor:pointer}.student-header-action:hover{background:#e4f1fc}.student-header-action:focus-visible{outline:3px solid #89bbed;outline-offset:2px}.student-header-action:disabled{opacity:.45;cursor:default}.student-header-action.is-voice-on{color:#137e6b;background:#e7f5ef}.student-header-action.is-voice-on i{position:absolute;width:6px;height:6px;background:#1b9e74;border:2px solid white;border-radius:50%;bottom:4px;left:5px}.student-voice-error{position:absolute;z-index:5;inset:76px 16px auto;display:flex;align-items:center;gap:10px;padding:14px;font-size:13px;line-height:1.8;border:1px solid #efdca6;border-radius:12px;background:#fff8e4;color:#896420;box-shadow:0 5px 22px #4b402314}.student-voice-error .student-header-action{width:30px;height:30px;margin-inline-start:auto;background:#f8ecd1;color:inherit}.student-session-details{display:flex;align-items:center;justify-content:space-between;color:#697f7a;font-size:13px;padding:14px;background:#f4f8f7;border-radius:12px}.student-session-details span{display:flex;align-items:center;gap:8px}.student-session-details b{letter-spacing:1px;color:#276c59}.student-session-voice{margin:20px 0}.student-session-menu-actions{display:grid;gap:10px}.teacher-completion-alert p{line-height:1.9}@media(max-width:390px){.student-header-action{width:35px;height:35px}}.student-phone-preview{width:100%;max-width:356px;min-width:0;color:var(--ink);margin-inline:auto}.phone-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:5px}.phone-preview-heading>div{display:flex;align-items:center;gap:7px;color:var(--primary)}.phone-preview-heading h2{font-size:15px;font-weight:550;color:var(--ink)}.phone-preview-status{display:flex;align-items:center;gap:5px;font-size:9px;color:#8f9986;white-space:nowrap}.phone-preview-status i{width:5px;height:5px;background:#a7b09f;border-radius:50%}.phone-preview-status.is-online{color:#67915b}.phone-preview-status.is-online i{background:#7ba56d;box-shadow:0 0 0 3px #e7f0df}.phone-preview-caption{font-size:10px;color:#8b9981;margin:0 0 13px;line-height:1.8}.student-phone-frame{padding:0 7px;border:1px solid #bdcec3;border-radius:33px;background:#e6eee7;box-shadow:inset 0 0 0 3px #f6f9f5,0 12px 25px #254c3610;overflow:hidden}.student-phone-top{height:24px;display:flex;align-items:center;justify-content:center;gap:7px;direction:ltr}.student-phone-top>span{height:4px;width:42px;border-radius:6px;background:#8fa697}.student-phone-top>i{height:5px;width:5px;border-radius:50%;background:#adc0b2}.student-phone-screen{height:min(650px,calc(100dvh - 210px));min-height:380px;background:#fff;border:1px solid #dce5d8;border-radius:23px;overflow:hidden;overscroll-behavior:contain;outline-offset:-3px}.student-phone-bottom{height:23px;display:flex;align-items:center;justify-content:center}.student-phone-bottom>span{height:4px;width:90px;border-radius:6px;background:#9daf9f}.phone-preview-footnote{display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;color:#92a18a;margin-top:12px;line-height:1.8;text-align:center}@media(max-width:520px){.student-phone-preview{max-width:356px}.student-phone-screen{height:570px;min-height:0}.phone-preview-heading h2{font-size:14px}}@font-face{font-family:Plex;src:url(/fonts/arabic-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/arabic-medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/arabic-semibold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/arabic-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--primary:#16796c;--primary-dark:#105c53;--ink:#243e3b;--muted:#7a8b88;--border:#e6ece9;--surface:#fff;--bg:#f6f8f6;--mint:#eaf3ee;--radius:18px;font-family:Plex,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}input,select,textarea{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63b8a7;outline-offset:3px}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}input::placeholder,textarea::placeholder{color:#9ba6a3}button{border:0;background:none}svg{vertical-align:middle;flex-shrink:0}::selection{background:#c5e6d9}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;transition:background .18s,transform .18s;border:1px solid transparent;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--primary);color:#fff;box-shadow:0 3px 7px #16796c12}.primary:hover:not(:disabled){background:var(--primary-dark)}.secondary{background:#fff;border-color:var(--border)}.secondary:hover:not(:disabled){background:#f0f6f2;border-color:#bed5c9}.danger-soft{color:#b55650;background:#fdf2ef;border-color:#f5deda}.small-button{min-height:35px;padding:7px 12px;font-size:12px}.full{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--primary);font-size:12px;font-weight:500;padding:5px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.text-button.muted{color:var(--muted)}.icon-button{width:35px;height:35px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#6e817b;flex-shrink:0}.icon-button:hover{background:#edf3ef;color:var(--primary)}.icon-button.soft{background:#edf4ef;color:var(--primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#e2efb8;border-radius:14px}.brand strong{font-size:31px;font-weight:700;line-height:1.05;display:block;letter-spacing:-1.5px}.brand-dot{color:var(--primary);font-size:34px}.brand small{display:block;font-size:10px;color:#87938e;margin-top:5px;letter-spacing:.1px}.brand-light{color:#fff}.brand-light .brand-mark{background:#ffffff13;border:1px solid #ffffff28}.brand-light small{color:#bdd0c6}.brand-light .brand-dot{color:#dfedac}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.1px;color:var(--muted);display:block}.eyebrow.light{color:#d6e4c7}.eyebrow.light span{width:6px;height:6px;background:#d2e799;border-radius:50%;display:inline-block;margin-left:8px}.avatar{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dfebe3;color:#547460;font-size:13px;font-weight:600;flex-shrink:0;border:3px solid white;box-shadow:0 0 0 1px #e6ebe6}.avatar-1{background:#f7ebd9;color:#9b7b4e}.avatar-2{background:#ebe8f5;color:#8b7aaa}.avatar-3{background:#e4edf7;color:#668ca1}.avatar.small{height:34px;width:34px;font-size:11px}.avatar.large{height:63px;width:63px;font-size:22px;border-width:4px}.tag{background:#f1f5f1;color:#7b8a80;display:inline-flex;align-items:center;gap:6px;border-radius:6px;font-size:10px;padding:4px 9px;white-space:nowrap}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.loading-screen>svg{color:var(--primary)}.loading-screen p{color:var(--muted);font-size:14px}.auth-layout{display:grid;grid-template-columns:46% 54%;min-height:100vh;background:#fcfdfa}.auth-story{background:#164b40;padding:42px 58px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff07;border-radius:50%;right:-300px;bottom:-190px;pointer-events:none}.auth-story-main{margin:auto 0;padding:45px 0 25px}.auth-story h1{color:#fff;font-size:45px;line-height:1.55;font-weight:500;margin-top:18px;letter-spacing:-.8px}.auth-story h1>span{color:#d4e9a3}.auth-story p{color:#bed1c8;font-size:15px;line-height:2;margin-top:15px}.auth-story .learning-art{height:265px;width:350px;margin:5px auto 15px;transform:scale(.94)}.auth-story .art-orbit{border-color:#ffffff12}.auth-story .art-label{background:#ffffff13;color:#d2e1d6;border-color:#ffffff1a}.auth-story .art-spark{color:#d4e2af}.auth-story .art-book{background:#88b798;box-shadow:8px 14px #0d3e3540}.auth-story .letter-tile{box-shadow:0 10px 15px #0d30253b}.auth-features{display:flex;gap:25px;justify-content:center;color:#e1ebdf;font-size:12px}.auth-features>span{display:flex;align-items:center;gap:8px}.auth-features svg{color:#d1e2ab}.auth-story-footer{display:flex;justify-content:space-between;color:#8daa9c;font-size:10px;border-top:1px solid #ffffff12;padding-top:20px}.auth-main{padding:30px 45px;display:flex;flex-direction:column}.auth-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#92a198}.local-badge{display:flex;align-items:center;gap:7px;border:1px solid #e2e9df;border-radius:30px;padding:5px 11px;background:#f7f9f3;color:#7a8a70}.local-badge>span{height:5px;width:5px;border-radius:50%;background:#7d9f68}.auth-card{width:100%;max-width:385px;margin:auto;padding:38px 0}.auth-welcome-icon{width:59px;height:59px;background:#eef4e8;color:#6d8f5b;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.auth-card h2{font-size:31px;font-weight:600;letter-spacing:-.5px}.auth-card h2>span{color:#c2a86d;font-size:24px}.auth-card>p{font-size:13px;margin:8px 0 25px;color:var(--muted)}.role-switch{display:flex;padding:5px;border-radius:11px;background:#f0f3ee;gap:5px;margin-bottom:22px}.role-switch button{flex:1;padding:9px 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#819084;border-radius:8px}.role-switch button.selected{background:#fff;color:var(--primary);box-shadow:0 2px 5px #27473d0b}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px;font-weight:500}.field>span{display:flex;align-items:center;gap:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6e0;background:#fff;min-height:44px;padding:10px 13px;border-radius:9px;font-size:13px;outline-color:var(--primary)}.field select{cursor:pointer}.password-input{position:relative}.password-input input{padding-left:43px}.password-input>button{position:absolute;left:4px;top:4px;width:36px;height:36px;color:#9ba79f}.auth-submit{width:100%;margin-top:7px;justify-content:space-between;padding-right:18px;padding-left:16px}.auth-register{text-align:center;font-size:12px;color:#89948d;margin-top:20px}.auth-register button{color:var(--primary);font-weight:600;padding:0 5px}.demo-divider{position:relative;text-align:center;margin:32px 0 18px;font-size:10px;color:#9ba59d}.demo-divider:before{content:"";position:absolute;top:50%;right:0;left:0;height:1px;background:#e7ece4}.demo-divider>span{position:relative;background:#fcfdfa;padding:0 12px}.demo-actions{display:flex;gap:10px}.demo-actions button{border:1px solid #dde6da;background:#fafcf6;border-radius:9px;padding:11px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#587c62}.demo-actions button:hover{background:#edf4e7}.demo-actions button>svg:last-child{margin-right:auto}.auth-assurance{font-size:10px;color:#97a18f;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:6px}.auth-footer{display:flex;justify-content:space-between;font-size:10px;color:#a3afa3}.auth-footer>span:last-child{display:flex;align-items:center;gap:5px}.learning-art{position:relative;width:370px;height:270px;flex-shrink:0;isolation:isolate}.art-orbit{position:absolute;border:1px solid #447c5e14;border-radius:50%;left:45px;top:8px;width:260px;height:260px;transform:rotate(-15deg)}.orbit-two{width:310px;height:205px;left:20px;top:34px;transform:rotate(-23deg)}.art-book{position:absolute;width:207px;height:133px;top:78px;left:78px;background:#79a88f;border-radius:12px 12px 17px 17px;display:flex;gap:3px;padding:5px 6px 9px;transform:rotate(-11deg);box-shadow:7px 11px #99b8a124}.book-page{flex:1;background:#fffef6;border-radius:5px 7px 12px 5px;padding:16px 12px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}.book-page:first-child{transform:skewY(4deg)}.book-page:last-child{transform:skewY(-4deg)}.book-page i{display:block;width:55px;height:3px;border-radius:5px;background:#e0e6ce}.book-page i:nth-child(2){width:45px}.book-page span{font-size:24px;color:#3e735c;font-weight:600}.book-page svg{color:#c1cb78}.letter-tile{position:absolute;width:72px;height:83px;border:4px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:36px;font-weight:600;line-height:1.15;border-radius:17px;box-shadow:0 7px 14px #3a5d3f0e;z-index:3}.letter-tile span{font-size:8px;font-weight:400;margin-top:5px}.tile-alef{top:25px;left:61px;background:#eadfba;color:#82724d;transform:rotate(-12deg)}.tile-dad{top:74px;right:33px;background:#e6ecda;color:#628d6b;transform:rotate(14deg)}.art-spark{position:absolute;color:#8b9f68;font-size:27px;left:30px;top:140px}.spark-two{left:auto;right:99px;top:17px;font-size:36px}.art-label{position:absolute;bottom:9px;left:67px;display:flex;align-items:center;gap:7px;font-size:10px;background:#fffa;border:1px solid #fff;border-radius:30px;padding:8px 13px;color:#658271;transform:rotate(-4deg)}.online-dot{width:6px;height:6px;background:#76a472;border-radius:50%}.app-layout{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:236px;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;padding:32px 21px 12px;z-index:40}.sidebar>.brand{padding-right:10px}.workspace-label{font-size:10px;color:#a5afa6;margin:47px 13px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;font-size:13px;color:#7a8880;text-align:right;width:100%;position:relative}.nav-item.active{background:#edf4ed;color:#286a53;font-weight:500}.nav-item:hover:not(.active){background:#f6f9f5}.nav-item small{margin-right:auto;font-size:10px;background:#f1f4ef;min-width:21px;padding:2px 4px;text-align:center;border-radius:4px}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#3e8064;margin-right:auto}.sidebar-note{background:#f7f8f0;margin:38px 5px 25px;border:1px solid #eceddf;border-radius:12px;padding:16px;position:relative}.small-leaf{display:flex;width:35px;height:35px;border-radius:50%;background:#e9edd6;color:#8b9a69;align-items:center;justify-content:center;margin-bottom:11px}.sidebar-note strong{font-size:12px;font-weight:500}.sidebar-note p{font-size:10px;line-height:1.95;color:#91987f;margin-top:7px}.sidebar-note button{display:flex;align-items:center;gap:9px;font-size:10px;color:#71845c;margin-top:13px;padding:0}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-item{font-size:11px;padding:11px 14px}.profile{border-top:1px solid var(--border);padding:20px 2px 12px;display:flex;align-items:center;gap:9px;margin-top:8px}.profile>div{min-width:0}.profile strong{font-size:12px;display:block;white-space:nowrap;max-width:112px;overflow:hidden;text-overflow:ellipsis}.profile div>span{font-size:10px;color:#a0aba3;margin-top:4px;display:block}.profile>.icon-button{margin-right:auto;width:28px}.server-status{display:flex;align-items:center;justify-content:center;gap:6px;color:#9da89f;font-size:9px}.status-dot{width:5px;height:5px;background:#7ba886;border-radius:50%;display:inline-block}.status-dot.offline{background:#d5ab69}.main-content{margin-right:236px;min-height:100vh}.topbar{height:81px;border-bottom:1px solid var(--border);background:#fffc;display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:20px}.topbar-title{display:flex;align-items:center;gap:13px;font-size:11px;color:#a1aaa4}.topbar-title>strong{color:#67796c;font-weight:500}.breadcrumb-slash{color:#c6cec6}.topbar-actions{display:flex;align-items:center;gap:18px}.top-search{display:flex;align-items:center;gap:9px;color:#9da99e}.top-search input{width:170px;border:0;background:transparent;outline:none;font-size:11px}.top-divider{height:22px;width:1px;background:var(--border)}.notification-wrap,.notification-button{position:relative}.notification-button i{position:absolute;top:7px;right:8px;width:5px;height:5px;background:#c2a878;border:1px solid white;border-radius:50%}.notification-panel{position:absolute;top:48px;left:-5px;width:315px;background:#fff;border:1px solid var(--border);box-shadow:0 14px 45px #234d3114;border-radius:14px;padding:16px;z-index:60}.notification-panel h3{font-size:13px;display:flex;justify-content:space-between;margin-bottom:12px}.notification-panel h3 span{color:var(--primary)}.notification-panel>button{display:flex;align-items:center;width:100%;text-align:right;gap:11px;padding:13px 0;border-top:1px solid var(--border);color:var(--primary)}.notification-panel>button>span{flex:1}.notification-panel strong{font-size:12px;color:var(--ink);display:block}.notification-panel small{font-size:10px;color:var(--muted);display:block}.notification-panel p{font-size:12px;color:var(--muted);padding:20px 0}.page-content{padding:31px 35px 0;max-width:1620px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.7;margin-top:2px}.greeting-spark{color:#b9a16c;font-weight:400;font-size:26px;display:inline-block;transform:rotate(10deg);margin-right:7px}.page-heading p{font-size:11px;color:#8f9b93;margin-top:4px}.heading-actions{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.grade-selector{position:relative;display:flex;align-items:center;gap:9px;border:1px solid #e0e7de;border-radius:9px;background:#fff;padding:0 12px;color:#6d8675;min-width:158px}.grade-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;border:0;background:none;outline:none;padding:10px 0;font-size:12px;cursor:pointer}.grade-selector>svg:last-child{pointer-events:none}.grade-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:12px;background:#fff;color:var(--primary)}.date-label{display:flex;gap:6px;align-items:center;font-size:10px;color:#9aa599}.mobile-menu,.nav-overlay{display:none}.welcome-hero{border-radius:17px;background:#e6eee4;min-height:260px;display:flex;align-items:center;justify-content:space-between;padding:27px 40px 25px;position:relative;overflow:hidden;border:1px solid #e1eadb}.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:7px;font-size:10px;color:#68816a}.hero-kicker>span{width:5px;height:5px;border-radius:50%;background:#86a478}.hero-copy h2{font-size:31px;line-height:1.55;letter-spacing:-.6px;font-weight:500;margin:9px 0 7px;color:#315742}.hero-copy p{font-size:11px;color:#7d937e}.hero-button{margin-top:20px;background:#2f6d54;color:#fff;min-height:40px;font-size:12px;padding:9px 17px}.hero-button:hover{background:#1d5942}.hero-button>svg:last-child{margin-right:14px}.hero-footnote{display:flex;align-items:center;gap:5px;font-size:9px;color:#859881;margin-top:12px}.welcome-hero .learning-art{margin-top:-10px;margin-bottom:-10px;margin-left:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:23px 0 30px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:19px 17px;display:flex;gap:13px;align-items:flex-start;min-height:111px}.stat-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex-shrink:0;border-radius:12px}.stat-icon.green{background:#edf4e9;color:#86a06c}.stat-icon.blue{background:#eef3f6;color:#7d9eae}.stat-icon.purple{background:#f3eff7;color:#a194bd}.stat-icon.amber{background:#f9f3e8;color:#c5a464}.stat-card>div:last-child{padding-top:1px}.stat-card span{font-size:10px;color:#8a978e;display:block}.stat-card strong{display:block;font-size:26px;line-height:1.1;margin:8px 0 5px;font-weight:500;color:#384d40}.stat-card small{display:block;font-size:8px;color:#a4ada4;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.dashboard-main,.dashboard-side{min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.panel-heading{padding:22px 22px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-heading>div{display:flex;align-items:center;gap:11px}.panel-heading h2{font-size:15px;font-weight:500}.panel-heading p{font-size:9px;color:#9ba59b;margin-top:5px}.panel-heading-icon{color:#7b9b83}.sessions-panel .panel-heading{border-bottom:1px solid #f1f4ef}.session-list{padding:0 20px}.session-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #f0f3ee}.session-row:last-child{border:0}.session-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #e8eee4;border-radius:12px;background:#f4f7ef;color:#90a27d;flex-shrink:0}.session-copy{flex:1;min-width:0}.session-copy>strong{display:block;font-size:12px;font-weight:500}.session-copy>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#98a397;margin-top:5px}.session-copy i{font-style:normal;color:#c4ccc0}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;background:#fbf5e8;color:#ac9361;border-radius:5px;padding:5px 7px;white-space:nowrap}.status-badge>i{width:4px;height:4px;background:currentColor;border-radius:50%}.status-badge.active{background:#edf5ed;color:#6d9875}.status-badge.ended{background:#eef3f7;color:#7d92a3}.session-row .status-badge{margin:0 5px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:36px 25px;text-align:center}.empty-state>span{color:#96aa89;border:1px solid #eaf0e2;border-radius:16px;width:59px;height:59px;display:flex;align-items:center;justify-content:center;background:#f8faf4;margin-bottom:17px}.empty-state h3{font-size:15px;font-weight:500}.empty-state p{font-size:11px;color:#a0aa9c;line-height:1.9;max-width:330px;margin-top:7px}.empty-state .button{margin-top:17px;font-size:11px;min-height:35px}.sessions-panel .empty-state{padding-top:25px;padding-bottom:27px}.sessions-panel .empty-state>span{height:46px;width:46px;border-radius:50%;margin-bottom:12px}.sessions-panel .empty-state h3{font-size:13px}.sessions-panel .empty-state p{font-size:10px}.students-panel .panel-heading{padding-bottom:12px}.student-mini{display:flex;gap:10px;align-items:center;padding:13px 18px}.student-mini>div{min-width:0;flex:1}.student-mini strong{font-weight:500;font-size:11px;display:block}.student-mini small{color:#a3ad9e;display:block;font-size:9px;margin-top:4px}.student-mini .avatar{width:35px;height:35px;font-size:11px}.student-mini .icon-button{color:#a8b3a2;width:24px}.mini-progress{height:3px;width:100%;background:#f1f5ec;border-radius:8px;margin-top:7px;overflow:hidden}.mini-progress>span{height:100%;background:#a1ba8b;display:block}.panel-footer-button{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;padding:14px;color:#7d9777;width:100%;border-top:1px solid #f0f3ed;margin-top:10px}.panel-footer-button:hover{background:#f8faf4}.tip-card{margin-top:21px;border:1px solid #e8e9dc;background:#f5f5eb;border-radius:13px;padding:21px;position:relative;overflow:hidden}.tip-icon{position:absolute;left:20px;top:20px;color:#a2ae7b}.tip-card .eyebrow{font-size:9px;color:#a5ad8c;margin-bottom:15px}.tip-card h3{font-size:16px;color:#788963;font-weight:500;line-height:1.8}.tip-card p{font-size:10px;color:#9ba48b;line-height:2;margin-top:8px}.tip-line{display:block;background:#d9e0bf;width:30px;height:3px;border-radius:4px;margin-top:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 16px}.section-heading .eyebrow{font-size:9px;margin-bottom:5px}.section-heading h2{font-size:18px;font-weight:500}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px 17px 0;text-align:right;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;min-width:0}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #3050310a;border-color:#d4e0d1}.lesson-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.lesson-card-icon{width:41px;height:41px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf3e7;color:#94a97b}.lesson-tag{font-size:8px;color:#a2ada0;background:#f6f8f3;padding:4px 6px;border-radius:4px}.lesson-color-1 .lesson-card-icon{background:#f7f2e7;color:#baa16e}.lesson-color-2 .lesson-card-icon{background:#eeedf6;color:#a396bf}.lesson-color-3 .lesson-card-icon{background:#eaf3f6;color:#8babbb}.lesson-card h3{font-size:14px;font-weight:500;margin:17px 0 7px}.lesson-card>p{font-size:9px;color:#9ea89b;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px;min-height:34px}.lesson-card-bottom{display:flex;align-items:center;gap:11px;border-top:1px solid #f0f3ed;padding:12px 0;font-size:8px;color:#a3ae9f;margin-top:auto}.lesson-card-bottom>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.lesson-card-bottom>svg{margin-right:auto;color:#8f9f86}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:45px;padding:20px 0;border-top:1px solid #e7ede3;font-size:9px;color:#a5afa0}.page-footer>span{display:flex;gap:8px;align-items:center}.page-footer i{font-style:normal;color:#c4cebb}.student-journey{padding:25px 22px}.journey-icon{display:flex;color:#8fa175;width:50px;height:50px;background:#f0f4e8;border-radius:50%;align-items:center;justify-content:center;margin-bottom:18px}.student-journey h3{font-size:16px;font-weight:500}.student-journey p{font-size:11px;color:#9aa68f;line-height:2;margin:12px 0 20px}.student-journey>div{display:flex;gap:8px;color:#8ba07b;font-size:11px;margin-top:12px}.curriculum-banner{background:#edf3e8;border:1px solid #e1ead9;padding:22px 25px;display:flex;align-items:center;gap:15px;border-radius:13px;margin-bottom:25px}.curriculum-banner>span:first-child{display:flex;align-items:center;justify-content:center;background:#ffffffa8;width:49px;height:49px;border-radius:13px;color:#8aa575}.curriculum-banner h3{font-size:17px;font-weight:500;color:#5c7d55}.curriculum-banner p{font-size:11px;color:#92a086;margin-top:7px}.curriculum-banner>.tag{margin-right:auto;background:#fff9;font-size:10px;color:#8d9c7b}.unit-tabs{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}.unit-tabs button{padding:9px 15px;font-size:12px;border-radius:8px;color:#899880}.unit-tabs button.active{background:#e9f0e5;color:#5d8052}.unit-tabs button>span{font-size:10px;padding:1px 5px;margin-right:7px;border-radius:4px;background:#d8e4d1}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.library-heading h2{font-size:18px;font-weight:500}.library-heading>span{font-size:11px;color:#9aa691}.lesson-grid.library{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.library .lesson-card{padding:25px 25px 0}.library .lesson-card h3{font-size:19px;margin-top:23px}.library .lesson-card>p{font-size:12px;min-height:48px}.library .lesson-card-icon{width:48px;height:48px}.library .lesson-card-bottom{font-size:10px;padding:16px 0;gap:15px}.library .lesson-tag{font-size:9px}.curriculum-note{display:flex;gap:13px;margin-top:28px;padding:20px;border:1px dashed #dce5d8;border-radius:12px;color:#9aaa93;background:#fafcf8}.curriculum-note>svg{margin-top:4px}.curriculum-note strong{font-size:12px;font-weight:500;color:#87957e}.curriculum-note p{font-size:11px;line-height:2;margin-top:5px}.curriculum-note a{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--primary);margin-top:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:12px}.toolbar>span{font-size:12px;color:#909e87}.students-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.student-card{padding:24px}.student-card-top{display:flex;justify-content:space-between;align-items:flex-start}.student-card h3{font-size:19px;font-weight:500;margin:20px 0 3px}.student-card .username{text-align:right;font-size:11px;color:#a3af9b}.student-numbers{display:flex;justify-content:space-between;border-top:1px solid #edf1e8;padding:19px 0;margin-top:20px}.student-numbers>div{display:flex;flex-direction:column;align-items:center;gap:6px}.student-numbers strong{font-size:21px;font-weight:500}.student-numbers span{font-size:9px;color:#9eaa96}.student-card .button{font-size:12px;color:#6c8e5e}.filter-tabs{display:flex;gap:5px;background:#eef2ea;padding:5px;border-radius:9px}.filter-tabs button{font-size:12px;padding:7px 15px;border-radius:6px;color:#8b9980}.filter-tabs button.active{background:#fff;color:#597e49;box-shadow:0 1px 4px #5470370c}.history-table-head,.history-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr 20px;gap:20px;align-items:center;padding:19px 25px;width:100%;text-align:right}.history-table-head{font-size:10px;background:#fafcf8;color:#9ba98f;border-bottom:1px solid var(--border)}.history-row{border-bottom:1px solid #eff3ea;font-size:12px}.history-row:last-child{border:0}.history-row:hover{background:#fcfdfb}.history-lesson{display:flex;align-items:center;gap:12px}.history-lesson strong{display:block;font-size:13px;font-weight:500}.history-row small{color:#9eab94;font-size:10px}.history-lesson small,.history-date small{display:block;margin-top:5px}.history-date{font-size:11px;color:#899a7d}.history-row>svg{color:#8ca17a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#173c2c55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fadeIn .16s ease}.modal{background:#fff;border-radius:21px;padding:29px;width:100%;max-width:490px;max-height:calc(100dvh - 50px);overflow:auto;box-shadow:0 18px 90px #173c2c20;animation:slideIn .2s ease}.modal.wide{max-width:690px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.modal-heading h2{font-size:23px;font-weight:500}.modal-heading p{font-size:11px;line-height:1.9;margin-top:8px;color:#9ba68f}.modal-heading .icon-button{margin-top:-5px;margin-left:-6px}.field-step{width:20px;height:20px;background:#edf3e7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#7a9562;font-size:10px}.info-note{background:#f6f8f1;border:1px solid #e9eedd;border-radius:10px;padding:14px;color:#96a184;font-size:11px;line-height:2;margin:18px 0}.inline-note{font-size:11px;line-height:1.9;color:#9fa88f;margin:10px 0 19px}.session-ready-note{display:flex;align-items:center;gap:12px;background:#f4f8ee;border-radius:11px;padding:17px;color:#91a37b;margin:22px 0}.session-ready-note strong{font-size:12px;font-weight:500;color:#6d865b}.session-ready-note p{font-size:10px;margin-top:5px}.error-banner{padding:12px 15px;background:#fff3ef;border:1px solid #f2dcd3;border-radius:9px;color:#b67460;font-size:12px;margin:15px 0;line-height:1.8}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:150;background:#294c3a;color:#fff;border:1px solid #486a4f;padding:13px 20px;border-radius:12px;display:flex;gap:9px;align-items:center;box-shadow:0 8px 35px #173c2c25;font-size:12px;max-width:90%;animation:fadeIn .2s ease}.toast>svg{color:#cedeb0}.help-steps>div{display:flex;align-items:flex-start;gap:13px;padding:12px 0}.help-steps>div>span{background:#eff5e7;color:#8da374;font-size:12px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.help-steps p{font-size:12px;line-height:1.9;color:#7f8e72}.lesson-objectives{background:#f7faf3;border-radius:13px;padding:19px;margin-bottom:21px}.lesson-objectives h3{display:flex;align-items:center;gap:9px;font-size:14px;color:#799366;margin-bottom:12px}.lesson-objectives p{font-size:12px;line-height:1.8;display:flex;align-items:flex-start;gap:8px;margin:9px 0;color:#9ca88e}.lesson-objectives p svg{margin-top:3px;color:#9dbb82}.lesson-section-overview>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f3ea;padding:13px 3px}.lesson-section-overview>div>span:first-child{font-size:12px;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f4f7ee;color:#9aa98a}.lesson-section-overview strong{display:block;font-size:13px;font-weight:500}.lesson-section-overview small{display:block;font-size:10px;color:#a5af9b;margin-top:5px}.lesson-section-overview .tag{margin-right:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.copy-link-field{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;font-size:13px}.end-summary{display:flex;gap:12px;align-items:center;padding:20px;background:#f3f7ed;border-radius:11px;color:#8a9d75;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.classroom{min-height:100vh;background:#f5f7f3}.classroom-header{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px}.room-heading{display:flex;align-items:center;gap:18px}.room-heading .brand-mark{width:37px;height:37px;border-radius:11px}.room-heading .brand-mark svg{width:22px}.room-heading .brand strong{font-size:26px}.room-heading .brand small{display:none}.room-header-divider{height:30px;width:1px;background:var(--border)}.room-heading h1{font-size:16px;font-weight:500}.room-heading p{font-size:10px;color:#9ba593;margin-top:5px;display:flex;gap:7px}.room-header-actions{display:flex;align-items:center;gap:15px}.live-pill{display:flex;align-items:center;gap:7px;background:#edf5e8;border:1px solid #e3eddc;color:#7a9864;padding:5px 10px;border-radius:20px;font-size:9px;white-space:nowrap}.live-pill>span{width:5px;height:5px;background:#8caf72;border-radius:50%}.live-pill.ended{background:#f0f3f5;border-color:#e4e9ed;color:#8b99a0}.live-pill.ended>span{background:#9aa9ae}.room-timer{display:flex;align-items:center;gap:7px;font-size:11px;color:#a0aa95;font-variant-numeric:tabular-nums}.classroom-body{display:grid;grid-template-columns:245px minmax(0,1fr) 270px;min-height:calc(100vh - 80px)}.student-room .classroom-body{grid-template-columns:minmax(0,1fr) 300px;max-width:1320px;margin:0 auto;padding:0 25px;gap:15px}.lesson-sidebar{background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;padding:22px 17px 15px;max-height:calc(100vh - 80px);position:sticky;top:0;overflow:auto}.lesson-sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.lesson-sidebar-title>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500}.lesson-sidebar-title svg{color:#91a87d}.room-lesson-select{position:relative;border:1px solid #e5eadf;border-radius:8px;display:flex;align-items:center;background:#fafcf7}.room-lesson-select select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;width:100%;padding:11px 12px 11px 28px;background:none;outline:none}.room-lesson-select>svg{position:absolute;left:10px;pointer-events:none;color:#a2ae96}.sections-instruction{font-size:9px;color:#a0ad92;margin:14px 0 20px}.room-section{margin-bottom:6px;border-radius:10px;border:1px solid transparent}.room-section.selected{background:#f2f6ed;border-color:#e4ecdb}.section-trigger{display:flex;align-items:center;width:100%;padding:11px 8px;gap:11px;text-align:right}.section-number{width:29px;height:29px;background:#f5f7f1;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#9baa8e;flex-shrink:0}.room-section.selected .section-number{color:#7c9866;background:#e6eedc}.section-trigger>div{flex:1}.section-trigger strong{display:block;font-size:11px;font-weight:500;color:#728467}.section-trigger small{display:block;font-size:8px;color:#b0b9a5;margin-top:4px}.section-trigger>svg{color:#b6c0ad}.now-dot{width:5px;height:5px;border-radius:50%;background:#80a767;box-shadow:0 0 0 3px #e4eedc}.section-activities{margin:0 17px 9px 10px;padding:0 13px 0 0;border-right:1px solid #dce7d2;display:flex;flex-direction:column;gap:4px}.section-activities>button{display:flex;align-items:center;gap:7px;font-size:10px;padding:8px 6px;text-align:right;color:#9bab8c;border-radius:7px;line-height:1.5}.section-activities>button.active{background:#fff;color:#6d8e55;box-shadow:0 2px 5px #59753606}.section-activities>button>span{font-size:8px;color:#a0b089;width:14px;flex-shrink:0}.section-activities>button>svg{margin-right:auto}.room-sidebar-foot{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:7px;font-size:9px;color:#a5b197}.room-sidebar-foot svg{color:#9daf86}.learning-stage{padding:29px 30px 0;min-width:0;display:flex;flex-direction:column}.stage-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.stage-eyebrow{font-size:9px;color:#a3ae99}.stage-topline h2{font-size:23px;font-weight:500;margin-top:5px;color:#4b6043}.preview-badge{display:flex;align-items:center;gap:6px;font-size:9px;color:#9baa90;background:#edf1e8;border:1px solid #e2e9da;padding:6px 9px;border-radius:7px;white-space:nowrap}.preview-badge.published{color:#6f9459;background:#edf5e6;border-color:#d9e8cb}.presenter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#fff;border:1px solid #e3eadb;border-radius:11px;margin-bottom:15px}.presenter-toolbar>div{display:flex;align-items:center;gap:9px}.presenter-toolbar>div:first-child{font-size:9px;color:#a2ad97}.presenter-toolbar>div:first-child svg{color:#8ba677}.presenter-toolbar .text-button{font-size:10px}.presenter-toolbar .small-button{font-size:10px;padding:7px 10px;min-height:32px}.activity-surface{background:#fff;border:1px solid #e4eade;border-radius:16px;box-shadow:0 4px 13px #314b2103;min-height:390px}.activity-surface .activity-view{padding:30px 35px}.activity-surface .activity-view h2{font-size:25px}.teacher-activity-controls{display:flex;align-items:center;justify-content:space-between;padding:17px 0;gap:12px}.teacher-activity-controls>span{font-size:9px;color:#a7b198}.teacher-activity-controls .button{font-size:10px;min-height:32px;padding:7px 10px;color:#8ca178;background:#fcfdfb}.teacher-note-private{display:flex;align-items:flex-start;gap:11px;padding:16px;background:#f0f3e7;border:1px solid #e4e9d4;border-radius:10px;color:#a0ad83}.teacher-note-private>svg{color:#a1b17e;margin-top:2px}.teacher-note-private strong{font-size:10px;font-weight:500;color:#8c9e6b}.teacher-note-private p{font-size:10px;line-height:1.9;color:#a3ad8a;margin-top:5px}.teacher-note-private>span{font-size:8px;margin-right:auto;white-space:nowrap;flex-shrink:0;background:#e8edd9;border-radius:4px;padding:3px 5px}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0;margin-top:auto;font-size:9px;color:#b0bba1}.stage-footer>span:first-child{display:flex;gap:5px;align-items:center}.stage-footer>span:last-child{font-size:21px;font-weight:600;color:#a7b799;letter-spacing:-1px}.room-companion{padding:25px 20px 25px 18px;border-right:1px solid var(--border);background:#fbfcf8}.participant-panel,.answer-panel,.room-note-panel{background:#fff;border:1px solid #e5ebde;border-radius:13px;padding:17px;margin-bottom:17px}.companion-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.companion-heading h3{font-size:11px;font-weight:500;color:#7e9070}.participant-presence{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:8px;color:#b6bba8}.participant-presence i{height:4px;width:4px;background:#c1c7b8;border-radius:50%}.participant-presence.online{color:#83a16c}.participant-presence.online i{background:#92b778}.participant-info{display:flex;flex-direction:column;align-items:center;padding:24px 0 12px}.participant-info .avatar{height:66px;width:66px;font-size:24px}.participant-info h3{font-size:15px;font-weight:500;margin-top:14px}.participant-info p{font-size:10px;color:#a8b199;margin-top:4px}.audio-label{display:flex;align-items:center;justify-content:center;gap:4px;height:26px;margin:3px 0 20px}.audio-label>span{width:3px;height:7px;background:#c6d7b5;border-radius:3px}.audio-label>span:nth-child(2n){height:14px}.audio-label>span:nth-child(3n){height:23px;background:#a6c18f}.voice-controls{display:flex;align-items:center;gap:9px}.voice-controls>.button{font-size:12px;min-height:39px}.voice-mic{background:#eaf3e2;border:1px solid #dceacb;color:#83a76a;width:39px;height:39px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.voice-mic.muted{background:#f9ece8;color:#c48776;border-color:#f1dcd4}.voice-controls>div{flex:1}.voice-controls strong{font-size:9px;display:block;font-weight:500;color:#7f9a68}.voice-controls>div>span{font-size:8px;color:#a6b396;display:block;margin-top:4px}.voice-controls>.icon-button{width:27px;color:#9caa8e}.voice-footnote{font-size:8px;color:#b4bea8;display:flex;justify-content:center;gap:5px;align-items:center;margin-top:12px}.voice-error{font-size:10px;color:#b48c64;line-height:1.9;margin-top:12px;background:#fcf7eb;padding:9px;border-radius:7px}.demo-student-link{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid #eef2e7;padding-top:13px;margin-top:15px;font-size:8px;color:#98ad85}.demo-student-link:hover{color:var(--primary)}.tiny-live{display:flex;align-items:center;gap:4px;font-size:8px;color:#a6b593}.tiny-live i{width:4px;height:4px;background:#95b27c;border-radius:50%}.answer-wait{text-align:center;padding:25px 0 22px}.answer-wait>span{color:#b4c2a4}.answer-wait>p{font-size:10px;color:#aab69a;line-height:1.8;margin-top:10px}.answer-panel>.button{font-size:10px;color:#96a880;min-height:34px;padding:8px}.live-answer{display:flex;align-items:center;flex-direction:column;margin:20px 0;color:#8da975;text-align:center}.live-answer.incorrect{color:#bfaa74}.live-answer strong{font-size:12px;font-weight:500;margin-top:9px}.live-answer p{font-size:9px;color:#a9b49a;margin-top:6px}.live-answer small{font-size:8px;color:#b4bea7;margin-top:6px}.room-note-panel h3{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:#90a27c}.room-note-panel textarea{border:1px solid #e7eddf;border-radius:8px;background:#fcfdf9;font-size:10px;padding:10px;resize:vertical;line-height:1.9;width:100%;margin:14px 0 5px;min-height:80px}.room-note-panel textarea::placeholder{color:#b3bea5}.room-note-panel .text-button{font-size:9px;justify-content:flex-end;display:flex;width:100%}.room-events{padding:4px 7px}.room-events h3{font-size:10px;font-weight:500;color:#a1ae91;margin-bottom:15px}.room-events>div{display:flex;align-items:flex-start;gap:9px;position:relative;padding-bottom:17px}.room-events>div:not(:last-child):before{content:"";position:absolute;right:3px;top:8px;bottom:0;width:1px;background:#e4eadb}.room-events>div>span{width:7px;height:7px;border:2px solid #c5d2b6;border-radius:50%;margin-top:5px;flex-shrink:0}.room-events p{font-size:8px;color:#a8b49a;line-height:1.8}.room-events small{font-size:7px;color:#bcc5af;display:block;margin-top:3px}.waiting-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:430px;background:#fff;border:1px solid #e6ecdf;border-radius:16px;padding:35px;text-align:center}.waiting-illustration{width:110px;height:110px;border:1px solid #e5ecd9;background:#f7faef;display:flex;align-items:center;justify-content:center;color:#a0b488;border-radius:50%;position:relative;margin-bottom:30px}.waiting-illustration>span{position:absolute;left:0;top:0;font-size:27px;color:#cfbc86;transform:rotate(15deg)}.waiting-stage h2{font-size:28px;font-weight:500;margin-top:9px}.waiting-stage p{font-size:12px;line-height:2;color:#a3af95;margin-top:15px}.waiting-dots{display:flex;gap:6px;margin-top:25px}.waiting-dots i{width:5px;height:5px;background:#bdcca9;border-radius:50%;animation:dotPulse 1.8s infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,70%,to{opacity:.4}35%{opacity:1}}.teacher-message{display:flex;align-items:flex-start;gap:11px;padding:18px;border:1px solid #e5ead8;border-radius:12px;background:#f5f7eb;color:#9ba77f;margin-top:18px}.teacher-message strong{font-size:11px;font-weight:500;color:#889967}.teacher-message p{font-size:12px;line-height:1.9;margin-top:7px;white-space:pre-wrap}.teacher-message>span{font-size:12px;line-height:1.9}.teacher-message-icon{background:#eaf0db;padding:7px;border-radius:9px}.student-progress-card{padding:25px;text-align:center;background:#f2f5e9;border:1px solid #e5ead7;border-radius:13px;margin-top:20px;color:#9bae7e}.student-progress-card h3{font-size:13px;font-weight:500;margin-top:15px}.student-progress-card strong{font-size:40px;font-weight:500;color:#7d9863;display:block;margin-top:15px}.student-progress-card p{font-size:10px;color:#a7b493;margin-top:2px}.student-progress-card>span{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;border-top:1px solid #e1e8d1;margin-top:20px;padding-top:16px;color:#9faf87}.student-room .activity-surface{min-height:440px}.student-room .activity-surface .activity-view{padding:38px 45px}.student-room .room-companion{border:0;background:transparent;padding-top:29px}.student-room .learning-stage{padding-left:15px}.stage-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:400px;background:#fff;border-radius:16px;color:#a0b58a;font-size:12px;border:1px solid var(--border)}.connection-banner{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff7e8;border-bottom:1px solid #f0e0c7;color:#aa8b54;padding:10px;font-size:11px}.centered{text-align:center}.ended-layout{max-width:800px;margin:45px auto;padding:0 24px}.session-summary{padding:45px 35px;text-align:center;display:flex;flex-direction:column;align-items:center}.summary-icon{display:flex;width:88px;height:88px;align-items:center;justify-content:center;background:#edf5e3;color:#a1bd7d;border-radius:50%;margin-bottom:24px}.session-summary h2{font-size:33px;font-weight:500;margin:7px 0 15px}.session-summary>p{font-size:12px;color:#9aab88}.summary-stats{display:flex;align-items:center;justify-content:center;gap:55px;width:100%;padding:30px 0;border-top:1px solid #eef2e7;border-bottom:1px solid #eef2e7;margin:30px 0}.summary-stats>div{display:flex;flex-direction:column;gap:9px}.summary-stats strong{font-size:29px;color:#829a6c;font-weight:500}.summary-stats span{font-size:10px;color:#a4b394}.session-summary>.teacher-message{width:100%;margin:0 0 25px}.summary-attempts{padding:25px;margin-top:24px}.summary-attempts h3{font-size:15px;font-weight:500;margin-bottom:20px}.summary-attempts>div{display:flex;align-items:center;gap:12px;border-top:1px solid #eef2e7;padding:14px 0;font-size:12px;color:#8e9e7c}.summary-attempts small{font-size:9px;margin-right:auto;color:#aebaa2}.attempt-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#edf4e4;color:#9ab87b}.attempt-icon.review{background:#faf3e4;color:#c6b071}.room-error{max-width:700px;margin:15vh auto}.room-error .empty-state p{font-size:13px}.mobile-sections,.mobile-sections-close{display:none}@media(min-width:1600px){.welcome-hero{min-height:285px}.welcome-hero .learning-art{margin-left:85px;transform:scale(1.08)}.hero-copy h2{font-size:36px}.hero-copy p{font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.stat-card{padding:23px}.classroom-body{grid-template-columns:265px minmax(0,1fr) 305px}.learning-stage{padding:35px 45px}.room-companion{padding:30px 25px}.activity-surface .activity-view{padding:38px 45px}}@media(max-width:1250px){.sidebar{width:212px;padding:28px 14px 12px}.main-content{margin-right:212px}.topbar{padding:0 26px}.page-content{padding:25px 25px 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.welcome-hero{padding:25px 30px;min-height:245px}.welcome-hero .learning-art{margin-left:-10px;transform:scale(.9);width:330px;margin-right:-10px}.hero-copy h2{font-size:28px}.stats-grid{gap:12px}.stat-card{padding:16px 13px;gap:9px}.stat-icon{height:36px;width:36px}.stat-icon svg{width:19px}.stat-card small{font-size:7px}.stat-card span{font-size:9px}.stat-card strong{font-size:23px}.session-row{gap:8px}.session-row .status-badge{display:none}.compact{gap:10px}.compact .lesson-card{padding:15px 12px 0}.compact .lesson-tag{display:none}.compact .lesson-card h3{font-size:12px}.compact .lesson-card-bottom{gap:7px;font-size:7px}.compact .lesson-card-bottom svg{width:12px}.classroom-body{grid-template-columns:220px minmax(0,1fr) 235px}.room-companion{padding:23px 12px}.learning-stage{padding:25px 20px 0}.activity-surface .activity-view{padding:25px}.presenter-toolbar>div:first-child>span{max-width:160px;line-height:1.7}.teacher-note-private>span{display:none}.room-header-actions{gap:10px}.room-heading{gap:13px}.classroom-header{padding:0 20px}.student-room .classroom-body{grid-template-columns:minmax(0,1fr) 270px}.lesson-grid.library{gap:18px}.library .lesson-card{padding:20px 20px 0}.library .lesson-card h3{font-size:17px}.auth-story{padding:35px 40px 25px}.auth-story h1{font-size:38px}}@media(max-width:1050px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tip-card{margin-top:0;height:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px 20px;align-items:center}.stat-card>div:last-child{display:grid;grid-template-columns:1fr auto;column-gap:24px;flex:1;align-items:center}.stat-card strong{grid-column:2;grid-row:1/3;margin:0}.stat-card small{font-size:8px;grid-column:1;margin-top:5px}.stat-card span{font-size:10px}.welcome-hero .learning-art{width:280px;transform:scale(.85);margin-left:-30px;margin-right:-35px}.hero-copy h2{font-size:26px}.hero-copy p{font-size:10px}.hero-footnote{font-size:8px}.lesson-grid.library,.students-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-body{grid-template-columns:minmax(0,1fr) 250px;position:relative;padding-top:54px}.student-room .classroom-body{padding-top:0;grid-template-columns:minmax(0,1fr) 250px}.lesson-sidebar{display:none;position:fixed;top:141px;right:20px;width:260px;z-index:50;max-height:calc(100dvh - 165px);box-shadow:0 10px 40px #234e3620;border-radius:14px;border:1px solid var(--border)}.lesson-sidebar.show{display:flex}.mobile-sections{display:flex;position:absolute;top:16px;right:20px;min-height:30px;font-size:11px;padding:6px 12px}.mobile-sections-close{display:inline-flex}.room-heading .brand,.room-header-divider{display:none}.classroom-header{height:72px}.room-heading h1{font-size:14px}.room-header-actions .live-pill{display:none}.auth-layout{grid-template-columns:43% 57%}.auth-story{padding:35px 28px 25px}.auth-story h1{font-size:32px}.auth-story .learning-art{transform:scale(.8);margin-right:-25px;margin-left:-25px}.auth-story p{font-size:12px}.auth-features{gap:15px;font-size:10px}.auth-main{padding:28px}.auth-top>span:last-child{display:none}.page-heading{gap:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}}@media(max-width:780px){.sidebar{transform:translate(100%);transition:transform .2s;width:240px}.sidebar.is-open{transform:translate(0)}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1b412a55;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{margin-right:0}.mobile-menu{display:flex;margin-right:-10px}.topbar{height:67px;padding:0 22px}.topbar-title{gap:8px}.topbar-actions{gap:10px}.top-search input{width:120px}.page-content{padding:23px 22px 0}.page-heading h1{font-size:25px}.welcome-hero{padding:24px 27px;min-height:250px}.welcome-hero .learning-art{transform:scale(.9);margin-left:-15px;margin-right:-10px;width:320px}.stats-grid{margin:18px 0 23px;gap:13px}.stat-card{min-height:90px}.sidebar-note{margin-top:30px}.classroom-body{grid-template-columns:minmax(0,1fr);padding-top:57px}.learning-stage{padding:20px 22px 0}.room-companion{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:transparent;border:0;padding:20px 22px}.participant-panel,.answer-panel,.room-note-panel{margin:0}.room-events{padding:15px 8px}.student-room .classroom-body{display:flex;flex-direction:column;padding:0}.student-room .learning-stage{padding:24px 22px 0}.student-room .room-companion{padding:0 22px 25px;grid-template-columns:1fr 1fr;display:grid}.student-room .student-progress-card{margin-top:0;height:100%}.room-header-actions{gap:8px}.room-timer,.room-header-actions .button span{display:none}.room-header-actions .button{padding:8px;min-height:32px;border-radius:8px}.classroom-header{padding:0 15px}.activity-surface .activity-view h2{font-size:24px}.stage-footer{padding:22px 0}.auth-layout{display:block}.auth-story{display:none}.auth-main{padding:25px 30px;min-height:100vh}.auth-top{max-width:430px;margin:0 auto;width:100%}.auth-top>span:last-child{display:block}.auth-card{padding:35px 0}.auth-footer{max-width:430px;width:100%;margin:0 auto}.history-table-head,.history-row{grid-template-columns:1.6fr 1fr .9fr 18px;gap:10px;padding:18px}.history-table-head>span:nth-child(3),.history-row>span:nth-child(3){display:none}.history-table-head{font-size:9px}.history-lesson{gap:9px}.history-lesson .session-icon{height:34px;width:34px}.history-lesson strong{font-size:11px}.history-date{font-size:10px}.history-row .status-badge{font-size:8px}.curriculum-banner{padding:18px}.curriculum-banner h3{font-size:15px}.curriculum-banner p{font-size:10px}.curriculum-banner>.tag{font-size:8px}.library-heading h2{font-size:16px}.unit-tabs{gap:8px}.unit-tabs button{font-size:10px;padding:8px 10px}.page-footer{margin-top:30px}.student-room .activity-surface .activity-view{padding:30px}.summary-stats{gap:35px}}@media(max-width:520px){.top-search{display:none}.topbar-title>span:not(.breadcrumb-slash){display:none}.breadcrumb-slash{display:none}.topbar-title{font-size:12px}.topbar-actions{gap:13px}.top-divider{display:none}.topbar{padding:0 20px}.page-content{padding:22px 17px 0}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading .eyebrow{font-size:9px}.page-heading h1{font-size:22px}.page-heading p{font-size:9px;max-width:210px;line-height:1.9}.heading-actions{gap:8px;margin-top:7px}.grade-selector{min-width:113px;padding:0 8px;gap:6px}.grade-selector select{font-size:10px;padding:9px 0}.grade-selector svg{width:15px}.date-label{font-size:8px}.date-label svg{width:12px}.welcome-hero{min-height:247px;padding:21px;align-items:flex-start}.hero-copy h2{font-size:25px}.hero-copy p{font-size:9px;max-width:170px;line-height:1.9}.hero-kicker{font-size:8px}.hero-button{font-size:10px;min-height:36px;margin-top:17px;padding:8px 10px;gap:7px}.hero-button>svg{width:15px}.hero-button>svg:last-child{margin-right:5px;width:13px}.hero-footnote{font-size:7px;max-width:205px;white-space:nowrap}.welcome-hero .learning-art{position:absolute;left:-69px;top:3px;transform:scale(.55);transform-origin:center;width:310px;margin:0;z-index:0}.art-label{font-size:11px}.hero-copy{max-width:80%}.stats-grid{gap:10px;margin:16px 0 22px}.stat-card{padding:14px 11px;min-height:85px;gap:9px}.stat-icon{height:31px;width:31px;border-radius:9px}.stat-icon svg{width:17px}.stat-card>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:0}.stat-card strong{font-size:23px;order:1;margin:6px 0 0}.stat-card span{font-size:8px;order:0}.stat-card small{display:none}.dashboard-grid{gap:22px}.panel-heading{padding:18px 17px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:8px}.panel-heading .text-button{font-size:10px}.panel-heading-icon svg{width:19px}.session-list{padding:0 15px}.session-row{padding:17px 0;gap:9px}.session-copy>strong{font-size:11px}.session-copy>span{font-size:8px}.session-row .button{font-size:9px;padding:7px 9px}.session-icon{width:34px;height:34px;border-radius:10px}.session-icon svg{width:19px}.dashboard-side{grid-template-columns:1fr;gap:18px}.tip-card{padding:22px}.tip-card p{font-size:11px;max-width:280px}.tip-card h3{font-size:18px}.students-panel .student-mini{padding:12px 19px}.student-mini strong{font-size:12px}.student-mini small{font-size:10px}.student-mini .avatar{width:39px;height:39px}.lesson-grid.compact{grid-template-columns:1fr;gap:12px}.compact .lesson-card{padding:17px 18px 0;display:grid;grid-template-columns:auto 1fr;column-gap:14px}.compact .lesson-card-top{grid-column:1;grid-row:1/3}.compact .lesson-card h3{grid-column:2;font-size:15px;margin:0 0 5px}.compact .lesson-card>p{grid-column:2;font-size:10px;min-height:0;margin-bottom:13px;-webkit-line-clamp:1}.compact .lesson-card-bottom{grid-column:1/3;font-size:9px;gap:15px;padding:10px 0}.section-heading{margin-top:25px}.section-heading h2{font-size:17px}.section-heading .text-button{font-size:10px}.page-footer{font-size:8px;margin-top:28px}.page-footer>span:last-child{display:none}.lesson-grid.library{grid-template-columns:1fr;gap:17px}.library .lesson-card{padding:23px 23px 0}.library .lesson-card h3{font-size:20px}.library .lesson-card>p{font-size:12px}.curriculum-banner{gap:11px;padding:17px}.curriculum-banner>span:first-child{width:37px;height:37px;flex-shrink:0}.curriculum-banner h3{font-size:13px}.curriculum-banner p{font-size:9px;line-height:1.9}.curriculum-banner>.tag{display:none}.library-heading h2{font-size:14px}.library-heading>span{font-size:9px}.curriculum-note{padding:15px}.curriculum-note p{font-size:10px}.toolbar{gap:10px}.toolbar>span{font-size:10px}.toolbar .button{font-size:10px;padding:8px 12px;min-height:34px}.students-grid{grid-template-columns:1fr;gap:17px}.student-card{padding:25px}.filter-tabs button{font-size:9px;padding:7px 10px}.filter-tabs{gap:3px}.toolbar .secondary{font-size:9px;padding:8px}.toolbar .secondary svg{width:14px}.history-table-head,.history-row{grid-template-columns:1fr .6fr 16px;padding:15px 12px;gap:8px}.history-table-head>span:nth-child(2),.history-row>.history-date{display:none}.history-lesson strong{font-size:10px}.history-lesson small{font-size:9px}.history-lesson .session-icon{width:29px;height:29px}.history-lesson .session-icon svg{width:16px}.history-row .status-badge{font-size:7px;padding:4px 5px}.modal-backdrop{padding:14px;align-items:center}.modal{padding:23px;max-height:calc(100dvh - 28px);border-radius:17px}.modal-heading h2{font-size:21px}.modal-heading p{font-size:10px}.modal-heading{margin-bottom:21px}.lesson-section-overview small{font-size:9px}.lesson-section-overview .tag{font-size:8px}.lesson-objectives p{font-size:11px}.auth-main{padding:22px 27px}.auth-card{padding:30px 0}.auth-card h2{font-size:29px}.auth-welcome-icon{margin-bottom:22px}.auth-top{font-size:10px}.auth-top>span:last-child{font-size:9px}.auth-footer{font-size:9px}.room-heading{gap:8px}.room-heading h1{font-size:13px;max-width:180px}.room-heading p{font-size:9px}.room-heading .back-button{width:28px}.classroom-header{height:67px;gap:8px}.room-header-actions{gap:5px}.room-header-actions .button{padding:7px;border-radius:7px}.room-header-actions .button svg{width:15px}.learning-stage{padding:15px 16px 0}.stage-topline{margin-bottom:16px;gap:7px}.stage-topline h2{font-size:22px}.stage-eyebrow{font-size:8px}.preview-badge{font-size:8px;padding:6px}.preview-badge svg{width:13px}.presenter-toolbar{padding:11px 10px;gap:7px}.presenter-toolbar>div:first-child>span{font-size:8px;max-width:125px}.presenter-toolbar>div:first-child>svg{display:none}.presenter-toolbar>div:last-child{gap:7px}.presenter-toolbar .small-button{font-size:9px;padding:7px 8px;gap:5px}.presenter-toolbar .text-button{font-size:8px}.presenter-toolbar .text-button svg{width:13px}.activity-surface .activity-view,.student-room .activity-surface .activity-view{padding:25px 21px}.activity-surface .activity-view h2{font-size:23px}.activity-surface{min-height:350px;border-radius:13px}.teacher-activity-controls>span{font-size:8px}.teacher-activity-controls .button{font-size:9px;padding:7px 9px;gap:5px}.teacher-activity-controls .button svg{width:14px}.teacher-note-private p{font-size:9px}.room-companion,.student-room .room-companion{grid-template-columns:1fr;padding:5px 16px 25px;gap:16px}.participant-panel{padding:18px}.participant-info{padding:15px 0 10px}.participant-info .avatar{height:57px;width:57px;font-size:21px}.participant-info h3{font-size:16px}.participant-panel .voice-controls{max-width:280px;margin:auto}.audio-label{margin:4px 0 13px;height:22px}.participant-presence,.tiny-live{font-size:9px}.companion-heading h3{font-size:12px}.room-events{display:none}.student-room .learning-stage{padding:24px 16px 0}.student-room .stage-topline>.tag{font-size:8px}.waiting-stage{min-height:360px;padding:25px}.waiting-stage h2{font-size:25px}.waiting-stage p{font-size:11px}.waiting-illustration{height:90px;width:90px}.student-progress-card{padding:22px}.student-progress-card strong{font-size:30px;margin:10px 0}.student-progress-card>span{padding-top:12px;margin-top:14px}.stage-footer{font-size:8px;padding:20px 0}.teacher-message{padding:15px}.teacher-message p{font-size:11px}.ended-layout{margin-top:25px;padding:0 16px}.session-summary{padding:35px 23px}.session-summary h2{font-size:28px}.session-summary>p{font-size:10px;line-height:1.9}.summary-stats{gap:25px;padding:25px 0}.summary-stats strong{font-size:26px}.summary-stats span{font-size:8px}.summary-attempts{padding:20px}.summary-attempts>div{font-size:10px}.summary-attempts small{font-size:8px}.summary-attempts h3{font-size:14px}.connection-banner{font-size:9px;padding:9px 15px;line-height:1.8}.notification-panel{left:-50px;width:295px}.toast{font-size:11px;padding:12px 16px}.modal-actions .button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.page-heading p,.panel-heading p,.lesson-card>p,.session-copy>span,.student-mini small,.lesson-card-bottom,.stat-card small,.date-label,.section-trigger small,.section-activities>button,.room-note-panel textarea::placeholder,.teacher-note-private p,.stage-footer,.voice-footnote,.teacher-activity-controls>span,.preview-badge,.presenter-toolbar>div:first-child,.sections-instruction,.room-events p,.room-events small{color:#7b8b74}.section-trigger strong,.room-section.selected .section-trigger strong{color:#4f6845}@media(min-width:781px){.section-trigger strong{font-size:12px}.section-activities>button{font-size:11px}.section-trigger small{font-size:9px}.lesson-card>p{font-size:11px}.stat-card small,.lesson-card-bottom{font-size:9px}.sidebar-note p{font-size:11px}.companion-heading h3{font-size:12px}.room-events p{font-size:10px}.teacher-note-private p{font-size:11px}.presenter-toolbar>div:first-child{font-size:11px}.room-note-panel textarea{font-size:12px}.voice-controls strong{font-size:11px}.voice-controls>div>span{font-size:9px}.participant-presence{font-size:9px}.stage-footer{font-size:10px}}@media(max-width:780px){.sidebar{visibility:hidden}.sidebar.is-open{visibility:visible}}.teacher-room .classroom-body{grid-template-columns:minmax(0,1fr) 285px;padding-top:0}.teacher-room .learning-stage{padding:27px 30px 0}.teacher-room .room-companion{position:sticky;top:0;align-self:start;max-height:100dvh;overflow-y:auto}.room-preview-anchor{scroll-margin-top:22px}.teacher-room .presenter-toolbar>div:first-child>span{max-width:none;line-height:1.8}@media(min-width:1600px){.teacher-room .classroom-body{grid-template-columns:minmax(0,1fr) 310px}.teacher-room .learning-stage{padding:30px 40px 0}}@media(max-width:1100px){.teacher-room .classroom-body{grid-template-columns:minmax(0,1fr) 245px}.teacher-room .learning-stage{padding:22px 20px 0}}@media(max-width:780px){.teacher-room .classroom-body{grid-template-columns:minmax(0,1fr)}.teacher-room .learning-stage{padding:20px 18px 0}.teacher-room .room-companion{position:static;max-height:none;overflow:visible}}@media(max-width:520px){.teacher-room .learning-stage{padding:18px 14px 0}.teacher-room .presenter-toolbar{align-items:flex-start}.teacher-room .presenter-toolbar>div:first-child{flex:1;min-width:0}.teacher-room .presenter-toolbar>div:first-child>span{font-size:9px;line-height:1.8}}.student-exit-button{white-space:nowrap}@media(max-width:780px){.student-room .classroom-header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px;row-gap:10px}.student-room .room-header-actions{margin-inline-start:auto;flex-wrap:wrap}.student-room .room-header-actions .student-exit-button{padding:8px 11px;font-size:11px}.student-room .room-header-actions .student-exit-button span{display:inline}}.teacher-room .presenter-toolbar{flex-wrap:wrap}.teacher-room .presenter-toolbar>div:last-child{flex-wrap:wrap}.follow-student-button{font-size:11px}.teacher-room .classroom-body{grid-template-columns:minmax(0,1fr) 236px}.teacher-room .learning-stage{padding:24px}.teacher-workspace{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:24px;align-items:start}.teacher-library-panel{min-width:0;container:teacher-library / inline-size}.teacher-library-panel .room-library{margin-bottom:0;max-height:calc(100dvh - 128px);overflow:auto;scrollbar-width:thin;scrollbar-color:#cadbc2 transparent;overscroll-behavior:contain}.teacher-library-panel .room-library-header{padding:18px}.teacher-library-panel .room-library-selectors{padding:17px 18px;gap:16px}.teacher-library-panel .room-library-sections{padding:0 18px 18px}.teacher-library-panel .room-library-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.teacher-library-panel .room-section-card-main{padding:10px;gap:7px}.teacher-library-panel .room-section-card-bottom{padding:8px 10px}.teacher-library-panel .room-section-preview{gap:8px}.teacher-library-panel .room-section-icon{width:32px;height:32px}.teacher-library-panel .room-section-icon svg{width:19px;height:19px}.teacher-library-panel .room-section-send{padding:7px 8px;font-size:10px}.teacher-library-panel .room-library-activities{padding:14px 18px}.teacher-library-panel .room-library-footer{padding:15px 18px;flex-wrap:wrap;gap:12px}.teacher-library-panel .room-library-selection p{max-width:none}.teacher-library-panel .room-library-actions{margin-inline-start:auto}.teacher-live-column{position:sticky;top:20px;min-width:0}.teacher-live-column .student-phone-screen{height:min(630px,calc(100dvh - 290px));min-height:320px}.teacher-phone-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:13px}.teacher-phone-controls .button{font-size:10px;gap:6px;padding:8px 10px}.teacher-private-preview .stage-topline{margin-top:5px}.teacher-private-preview .stage-footer{display:none}.teacher-private-preview .activity-surface{min-height:0}@container teacher-library (max-width:600px){.teacher-library-panel .room-library-header h2{font-size:16px}.teacher-library-panel .room-library-header-icon{display:none}.teacher-library-panel .room-library-sections-heading{align-items:flex-start;flex-direction:column;gap:8px}.teacher-library-panel .room-library-sections-heading>.room-library-step{width:100%}.teacher-library-panel .room-section-card-bottom{align-items:flex-start;flex-direction:column;gap:5px}.teacher-library-panel .room-section-state{font-size:8px}.teacher-library-panel .room-section-copy strong{font-size:11px}.teacher-library-panel .room-library-footer{align-items:stretch;flex-direction:column}.teacher-library-panel .room-library-actions{width:100%;margin:0}.teacher-library-panel .room-library-actions button{flex:1}}@media(min-width:1700px){.teacher-room .classroom-body{grid-template-columns:minmax(0,1fr) 270px}.teacher-room .learning-stage{padding:28px 32px}.teacher-workspace{grid-template-columns:minmax(0,1fr) 380px;gap:30px}}@media(max-width:1180px){.teacher-room .classroom-body{grid-template-columns:1fr}.teacher-room .learning-stage{padding:22px}.teacher-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.teacher-room .room-companion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:static;max-height:none;padding:0 22px 25px;border:0;background:transparent}.teacher-room .room-companion>section{margin:0;min-width:0}.teacher-room .room-companion .room-events{grid-column:1/-1}.teacher-library-panel .room-library{max-height:calc(100dvh - 120px)}}@media(max-width:850px){.teacher-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.teacher-room .learning-stage{padding:18px}.teacher-library-panel .room-library-section-grid,.teacher-library-panel .room-library-selectors{grid-template-columns:1fr}.teacher-room .room-companion{padding:0 18px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.teacher-workspace{grid-template-columns:1fr;gap:24px}.teacher-live-column{position:static}.teacher-library-panel .room-library{max-height:580px}.teacher-library-panel .room-library-header-icon{display:flex}.teacher-live-column .student-phone-screen{height:570px;min-height:0}.teacher-room .learning-stage{padding:18px 14px}.teacher-room .room-companion{padding:0 14px 22px;grid-template-columns:1fr}.teacher-private-preview .presenter-toolbar{align-items:flex-start;gap:12px}}