.settings-label{margin-top:24px}.settings-page{max-width:1160px;margin:0 auto;padding:0 32px 50px}.settings-hero{justify-content:space-between;align-items:end;padding:45px 0 28px;display:flex}.settings-hero h1{letter-spacing:-.05em;margin:0 0 9px;font:700 29px Space Grotesk}.settings-hero p:not(.overline){color:var(--muted);margin:0;font-size:13px}.settings-count{color:var(--blue);background:#edf1ff;border-radius:7px;padding:10px 13px;font-size:12px}.settings-count b{margin-left:6px;font-size:14px}.settings-layout{grid-template-columns:1fr 260px;gap:18px;display:grid}.settings-card{padding:24px}.add-row{gap:10px;margin:22px 0 18px;display:flex}.add-row input{margin:0}.add-row .primary{white-space:nowrap;padding:10px 15px;font-size:12px}.roster-list{border-top:1px solid var(--line)}.roster-row{border-bottom:1px solid var(--line);grid-template-columns:34px 34px 1fr auto 30px;align-items:center;gap:10px;min-height:58px;display:grid}.roster-number{color:#a4acb7;font:600 11px Space Grotesk}.roster-row .person{width:30px;height:30px;font-size:11px}.roster-row>b{font-size:12px}.roster-status{color:#299767;background:#e7f8ef;border-radius:999px;padding:5px 8px;font-size:10px}.icon-button{color:#a3abb7;background:0 0;border:0;font-size:18px}.settings-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.settings-actions button{font-size:12px}.settings-tip{background:#f5f8ff;border:1px solid #dbe4ff;border-radius:10px;height:max-content;padding:22px}.settings-tip>span{color:var(--blue);letter-spacing:.15em;font-size:10px;font-weight:700}.settings-tip h3{margin:18px 0 8px;font-size:16px}.settings-tip p{color:#69748b;margin:0;font-size:12px;line-height:1.6}.tip-stat{border-top:1px solid #dce5fb;align-items:baseline;gap:7px;margin-top:22px;padding-top:17px;display:flex}.tip-stat b{color:var(--blue);font:700 28px Space Grotesk}.tip-stat span{color:#8290aa;font-size:11px}.date-field{color:#465064;margin-top:25px;font-size:12px;display:block}.date-field input{max-width:230px;margin-top:8px}.problem-setting-block{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.problem-setting-head{justify-content:space-between;font-size:12px;display:flex}.problem-setting-head span{color:var(--blue);font-size:11px}.problem-pills{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.problem-pill{border:1px solid var(--line);color:#77808f;background:#fff;border-radius:7px;padding:9px 13px;font-size:12px}.problem-pill.selected{color:var(--blue);background:#edf1ff;border-color:#aebcf2;font-weight:700}.calendar-tip{background:#f9fbff}.calendar-tip h3{color:var(--navy);margin:16px 0 7px;font:700 26px Space Grotesk}.preview-problems{flex-direction:column;gap:7px;margin-top:17px;display:flex}.preview-problems span{color:#556070;background:#fff;border:1px solid #dfe6f5;border-radius:6px;padding:8px 10px;font-size:11px}.lesson-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.database-sync-warning{color:#72501c;background:#fff8e8;border:1px solid #f0c47c;border-radius:9px;flex-direction:column;gap:5px;margin:-10px 0 18px;padding:13px 15px;display:flex}.database-sync-warning b{font-size:12px}.database-sync-warning span{color:#8a672f;font-size:10px;line-height:1.55}.lesson-form-card{padding:26px}.teacher-only-badge{color:#267c58;white-space:nowrap;background:#e4f7ed;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.lesson-meta-grid{grid-template-columns:repeat(3,1fr);gap:10px 14px;margin-top:24px;display:grid}.lesson-meta-grid label{margin:0}.lesson-meta-grid select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;outline:0;margin-top:7px;padding:12px;font-size:14px;display:block}.lesson-meta-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #355ac61c}.question-editor-head{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:28px;padding-top:24px;display:flex}.question-editor-head h2{margin:0 0 5px;font-size:16px}.question-editor-head p{color:#8b929e;margin:0;font-size:11px}.question-editor-head>span{color:var(--blue);font-size:11px;font-weight:700}.question-editor-list{flex-direction:column;gap:11px;margin-top:15px;display:flex}.question-editor{border:1px solid var(--line);background:#fbfcff;border-radius:9px;grid-template-columns:34px 1fr;gap:12px;padding:15px;display:grid}.question-index{width:30px;height:30px;color:var(--blue);background:#e9eeff;border-radius:8px;place-items:center;font:700 12px Space Grotesk;display:grid}.question-editor>div{grid-template-columns:.8fr 1.2fr;gap:12px;display:grid}.question-editor label{margin:0}.question-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:82px;color:var(--ink);border-radius:7px;outline:0;margin-top:7px;padding:11px;font:13px/1.5 DM Sans;display:block}.question-editor textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #355ac61c}.lesson-form-card .primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.save-message{border-radius:7px;margin:15px 0 0;padding:10px 12px;font-size:11px}.save-message.success{color:#257452;background:#e6f8ef;border:1px solid #b8e5cd}.save-message.error{color:#b65345;background:#fff0ed;border:1px solid #f1c0b8}.lesson-summary{background:var(--navy);color:#fff;border-radius:10px;padding:23px;position:sticky;top:86px}.lesson-summary>span{letter-spacing:.14em;color:#8fabea;font-size:10px;font-weight:700}.lesson-summary>h3{margin:15px 0 7px;font:700 24px Space Grotesk}.lesson-summary>p{color:#bdc7df;margin:0;font-size:11px;line-height:1.7}.summary-question-list{border-top:1px solid #ffffff25;flex-direction:column;gap:7px;margin-top:18px;padding-top:14px;display:flex}.summary-question-list>div{grid-template-columns:24px 1fr;align-items:center;gap:7px;display:grid}.summary-question-list b{background:#ffffff16;border-radius:6px;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.summary-question-list span{color:#d6dded;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.summary-question-list small{color:#8f9ab4;margin-left:31px;font-size:9px}.saved-lessons{border-top:1px solid #ffffff25;margin-top:22px;padding-top:18px}.saved-lessons h4{margin:0 0 12px;font-size:12px}.saved-lessons>p{color:#aeb8d0;font-size:10px}.saved-lessons>div{border-top:1px solid #ffffff14;grid-template-columns:1fr auto;gap:3px 8px;padding:9px 0;display:grid}.saved-lessons b{font-size:10px}.saved-lessons span{color:#bec8df;text-align:right;font-size:9px}.saved-lessons small{color:#8192bc;grid-column:1/3;font-size:9px}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-tip{display:none}}@media (max-width:1050px){.lesson-layout{grid-template-columns:1fr}.lesson-summary{position:static}.lesson-meta-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.settings-page{padding:0 18px 40px}.settings-hero{padding-top:30px;display:block}.settings-count{margin-top:18px;display:inline-block}.add-row{flex-direction:column}.roster-row{grid-template-columns:25px 30px 1fr 30px}.roster-status{display:none}.lesson-meta-grid{grid-template-columns:1fr 1fr}.question-editor{grid-template-columns:1fr}.question-editor>div{grid-template-columns:1fr}.lesson-form-card{padding:18px}}.student-lessons-page{max-width:1200px;margin:0 auto;padding:0 32px 50px}.student-lessons-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:44px 0 28px;display:flex}.student-lessons-hero h1{letter-spacing:-.05em;margin:0 0 9px;font:700 30px Space Grotesk}.student-lessons-hero p:not(.overline){color:var(--muted);margin:0;font-size:13px;line-height:1.65}.student-class-badge{min-width:155px;color:var(--navy);background:#f5f8ff;border:1px solid #dce4fa;border-radius:10px;flex-direction:column;gap:5px;padding:13px 16px;font-size:12px;display:flex}.student-class-badge b{color:var(--blue);font-size:11px}.student-lesson-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:18px;display:grid}.lesson-picker{padding:16px}.lesson-picker-head{justify-content:space-between;align-items:center;padding:3px 3px 13px;font-size:12px;display:flex}.lesson-picker-head b{width:24px;height:24px;color:var(--blue);background:#edf1ff;border-radius:999px;place-items:center;font-size:10px;display:grid}.lesson-picker-list{flex-direction:column;gap:8px;display:flex}.lesson-choice{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;flex-direction:column;gap:4px;padding:13px 12px;display:flex;position:relative}.lesson-choice:hover{border-color:#b8c5ef}.lesson-choice.selected{background:#f1f4ff;border-color:#8da3ed;box-shadow:0 0 0 2px #355ac612}.lesson-choice span{color:var(--blue);font-size:10px;font-weight:700}.lesson-choice b{font-size:14px}.lesson-choice small{color:#7b8495;font-size:10px}.lesson-choice i{color:#247956;background:#e5f6ed;border-radius:999px;padding:4px 6px;font-size:8px;font-style:normal;position:absolute;top:11px;right:10px}.student-question-card{padding:25px}.student-question-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:21px;display:flex}.student-question-head>div>span{color:var(--blue);font-size:10px;font-weight:700}.student-question-head h2{margin:7px 0 5px;font-size:20px}.student-question-head p{color:#858d9a;margin:0;font-size:11px}.student-progress{text-align:right;min-width:150px}.student-progress>b{color:var(--blue);font:700 18px Space Grotesk;display:block}.student-progress>span{color:#929aa8;font-size:9px}.student-progress>div{background:#edf0f6;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.student-progress i{background:var(--blue);border-radius:inherit;height:100%;display:block}.student-question-list{flex-direction:column;gap:10px;margin-top:17px;display:flex}.student-question-item{border:1px solid var(--line);background:#fbfcff;border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;display:grid}.student-question-number{width:32px;height:32px;color:var(--blue);background:#e8edff;border-radius:8px;place-items:center;font:700 12px Space Grotesk;display:grid}.student-question-copy h3{margin:0 0 4px;font-size:13px}.student-question-copy p{color:#7a8392;white-space:pre-wrap;margin:0;font-size:10px;line-height:1.55}.answer-toggle{gap:7px;display:flex}.answer-toggle button{border:1px solid var(--line);color:#727b89;white-space:nowrap;background:#fff;border-radius:7px;padding:9px 11px;font-size:10px}.answer-solved.selected{font-weight:700;color:#247956!important;background:#e7f8ef!important;border-color:#69bf96!important}.answer-unsolved.selected{font-weight:700;color:#b64f43!important;background:#fff0ed!important;border-color:#ed9e92!important}.student-answer-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:20px;display:flex}.student-answer-footer>span{color:#7d8593;font-size:10px}.student-answer-footer>span b{color:var(--ink)}.student-answer-footer .primary:disabled{opacity:.45;cursor:not-allowed}.student-empty{text-align:center;padding:55px}.student-empty>span{color:var(--blue);letter-spacing:.12em;font-size:10px;font-weight:700}.student-empty h2{margin:12px 0 8px;font-size:21px}.student-empty p{color:#7b8493;margin:0;font-size:12px;line-height:1.7}@media (max-width:950px){.student-lesson-layout{grid-template-columns:1fr}.lesson-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:700px){.student-lessons-page{padding:0 18px 40px}.student-lessons-hero{padding-top:30px;display:block}.student-class-badge{width:max-content;margin-top:18px}.lesson-picker-list{grid-template-columns:1fr}.student-question-card{padding:18px}.student-question-head{display:block}.student-progress{text-align:left;margin-top:15px}.student-question-item{grid-template-columns:32px 1fr}.answer-toggle{grid-column:1/3}.answer-toggle button{flex:1}.student-answer-footer{flex-direction:column;align-items:stretch}.student-answer-footer .primary{width:100%}}.class-results-page{max-width:1200px;margin:0 auto;padding:0 32px 50px}.class-results-filters{grid-template-columns:minmax(170px,.7fr) minmax(280px,1.4fr) minmax(210px,.8fr);align-items:end;gap:16px;padding:20px 22px;display:grid}.class-results-filters label{color:#4f5868;flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.class-results-filters select{border:1px solid var(--line);height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font:600 12px inherit}.selected-lesson-time{border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:2px;min-height:44px;padding-left:18px;display:flex}.selected-lesson-time span{color:var(--blue);font-size:9px;font-weight:700}.selected-lesson-time b{font-size:12px}.selected-lesson-time small{color:#7f8896;font-size:9px}.class-results-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.class-results-stats>div{grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:18px 20px;display:grid}.class-results-stats span{color:#747e8e;font-size:10px}.class-results-stats b{color:var(--navy);grid-area:1/2/3;font:700 23px Space Grotesk}.class-results-stats small{color:#a0a7b2;font-size:9px}.class-results-table-card{overflow:hidden}.class-results-table-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 24px;display:flex}.class-results-table-head h2{margin:0 0 5px;font-size:17px}.class-results-table-head p{color:#808998;margin:0;font-size:10px}.result-legend{white-space:nowrap;gap:13px;display:flex}.result-legend span{color:#788190;align-items:center;gap:5px;font-size:9px;display:flex}.result-legend i{border-radius:50%;width:8px;height:8px}.result-legend .solved{background:#51b985}.result-legend .unsolved{background:#e17e70}.result-legend .unanswered{background:#cbd1dc}.class-results-table-wrap{overflow-x:auto}.class-results-table{border-collapse:collapse;width:100%;min-width:680px}.class-results-table th{color:#7a8392;text-align:center;border-bottom:1px solid var(--line);background:#f8f9fc;height:42px;padding:0 12px;font-size:9px;font-weight:700}.class-results-table th:nth-child(2){text-align:left;min-width:150px}.class-results-table td{text-align:center;color:#687180;border-bottom:1px solid #edf0f5;height:58px;padding:0 12px;font-size:10px}.class-results-table tbody tr:last-child td{border-bottom:0}.student-name-cell{text-align:left;color:var(--ink);align-items:center;gap:9px;display:flex}.student-name-cell i{width:29px;height:29px;color:var(--blue);background:#e8edff;border-radius:8px;place-items:center;font-style:normal;font-weight:700;display:grid}.submission{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-block}.submission.done{color:#247956;background:#e6f7ee}.submission.waiting{color:#8b93a0;background:#f1f2f5}.result-mark{border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:inline-grid}.result-mark.solved{color:#247956;background:#e6f7ee}.result-mark.unsolved{color:#b64f43;background:#fff0ed}.result-mark.unanswered{color:#a4abb7;background:#f0f2f6}.class-results-empty{text-align:center;margin-top:30px;padding:60px}.class-results-empty.compact{border:0;margin:0}.class-results-empty>span{color:var(--blue);letter-spacing:.12em;font-size:9px;font-weight:700}.class-results-empty h2{margin:10px 0 7px;font-size:18px}.class-results-empty p{color:#7f8896;margin:0;font-size:11px}@media (max-width:850px){.class-results-filters{grid-template-columns:1fr 1fr}.selected-lesson-time{border-left:0;border-top:1px solid var(--line);grid-column:1/3;padding:14px 0 0}.class-results-stats{grid-template-columns:1fr}}@media (max-width:650px){.class-results-page{padding:0 18px 40px}.class-results-filters{grid-template-columns:1fr}.selected-lesson-time{grid-column:1}.class-results-table-head{display:block}.result-legend{margin-top:14px}.class-results-hero{display:block}}.matching-page{max-width:1200px;margin:0 auto;padding:0 32px 50px}.matching-hero{align-items:center}.rematch-button{white-space:nowrap;font-size:11px}.rematch-button:disabled{opacity:.5;cursor:not-allowed}.matching-filters{grid-template-columns:minmax(160px,.65fr) minmax(280px,1.2fr) minmax(250px,1fr);align-items:end;gap:16px;padding:20px 22px;display:grid}.matching-filters label{color:#4f5868;flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.matching-filters select{border:1px solid var(--line);height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font:600 12px inherit}.matching-rule{border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;min-height:44px;padding-left:18px;display:flex}.matching-rule span{color:var(--blue);font-size:9px;font-weight:700}.matching-rule b{color:#636d7c;font-size:10px}.matching-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.matching-stats>div{grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:18px 20px;display:grid}.matching-stats span{color:#747e8e;font-size:10px}.matching-stats b{color:var(--navy);grid-area:1/2/3;font:700 23px Space Grotesk}.matching-stats small{color:#a0a7b2;font-size:9px}.matching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.matching-card{padding:20px}.matching-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.matching-card-head span{letter-spacing:.13em;color:var(--blue);font-size:9px;font-weight:700}.matching-card-head b{color:var(--blue);background:#edf1ff;border-radius:999px;padding:5px 8px;font-size:9px}.matched-students{grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;padding:18px 0;display:grid}.matched-students>div{grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;column-gap:9px;display:grid}.matched-students i{width:36px;height:36px;color:var(--blue);background:#e8edff;border-radius:10px;grid-row:1/3;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.matched-students>div:last-child i{color:#267b58;background:#e5f7ed}.matched-students b{font-size:12px}.matched-students small{color:#9098a5;font-size:9px}.matched-students strong{text-align:center;color:#9aa6c3;font-size:15px}.match-directions{flex-direction:column;gap:8px;display:flex}.match-directions>div{background:#f7f9fd;border-radius:8px;grid-template-columns:minmax(120px,.75fr) 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.match-directions span{color:#7d8795;font-size:9px}.match-directions b{color:#26344e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.matching-empty{text-align:center;margin-top:20px;padding:58px}.matching-empty h2{margin:0 0 8px;font-size:18px}.matching-empty p{color:#7e8795;margin:0;font-size:11px}.unmatched-students{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px 20px;display:flex}.unmatched-students>span{color:#7d8695;font-size:10px}.unmatched-students>div{flex-wrap:wrap;gap:7px;display:flex}.unmatched-students b{color:#9a681b;background:#fff4df;border-radius:999px;padding:6px 9px;font-size:9px}@media (max-width:900px){.matching-filters{grid-template-columns:1fr 1fr}.matching-rule{border-left:0;border-top:1px solid var(--line);grid-column:1/3;padding:14px 0 0}.matching-grid{grid-template-columns:1fr}}@media (max-width:650px){.matching-page{padding:0 18px 40px}.matching-hero{display:block}.matching-hero .rematch-button{width:100%;margin-top:18px}.matching-filters{grid-template-columns:1fr}.matching-rule{grid-column:1}.matching-stats{grid-template-columns:1fr}.match-directions>div{grid-template-columns:1fr}.unmatched-students{flex-direction:column;align-items:flex-start}}.student-learning-column{flex-direction:column;gap:14px;min-width:0;display:flex}.student-pairing-card{color:#fff;background:linear-gradient(125deg,#172d64,#203d80);border:0;padding:22px 24px}.student-pairing-head{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.student-pairing-head span{letter-spacing:.15em;color:#93ace4;font-size:8px;font-weight:700}.student-pairing-head h2{margin:5px 0 0;font-size:18px}.student-pairing-head>b{color:#dce6ff;background:#ffffff15;border-radius:999px;padding:6px 9px;font-size:9px}.student-pair-people{grid-template-columns:1fr 36px 1fr;align-items:center;gap:10px;padding:19px 0;display:grid}.student-pair-people>div{grid-template-rows:auto auto;grid-template-columns:39px 1fr;align-items:center;column-gap:10px;display:grid}.student-pair-people i{background:#5276d0;border-radius:11px;grid-row:1/3;place-items:center;width:39px;height:39px;font-size:13px;font-style:normal;font-weight:700;display:grid}.student-pair-people>div:last-child i{background:#3fa578}.student-pair-people b{font-size:13px}.student-pair-people small{color:#b8c5e1;font-size:8px}.student-pair-people strong{text-align:center;color:#8fa6d7}.student-pair-tasks{grid-template-columns:1fr 1fr;gap:9px;display:grid}.student-pair-tasks>div{background:#ffffff0f;border:1px solid #ffffff16;border-radius:9px;padding:12px}.student-pair-tasks span{color:#aebee0;margin-bottom:8px;font-size:8px;display:block}.student-pair-tasks>div>div{flex-wrap:wrap;gap:5px;display:flex}.student-pair-tasks b{background:#ffffff18;border-radius:6px;padding:5px 7px;font-size:9px}.student-pair-tasks small{color:#d0d8e9;font-size:9px}.student-pairing-waiting{align-items:center;gap:13px;padding:24px 4px 8px;display:flex}.student-pairing-waiting>i{color:#b8c8ea;background:#ffffff12;border-radius:11px;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.student-pairing-waiting>div{flex-direction:column;gap:5px;display:flex}.student-pairing-waiting b{font-size:11px}.student-pairing-waiting span{color:#b9c5dd;font-size:9px;line-height:1.55}@media (max-width:700px){.student-pair-tasks{grid-template-columns:1fr}.student-pair-people{grid-template-columns:1fr 24px 1fr}.student-pair-people>div{grid-template-columns:34px 1fr}.student-pair-people i{width:34px;height:34px}}.teacher-dashboard-page{max-width:1200px;margin:0 auto;padding:0 32px 50px}.dashboard-hero{justify-content:space-between;align-items:center;gap:24px;padding:43px 0 27px;display:flex}.dashboard-hero h1{letter-spacing:-.05em;margin:0 0 9px;font:700 29px Space Grotesk}.dashboard-hero p:not(.overline){color:var(--muted);margin:0;font-size:13px}.dashboard-lesson-switch{flex-direction:column;gap:7px;width:min(330px,40%);margin:0;display:flex}.dashboard-lesson-switch span{color:var(--blue);letter-spacing:.08em;font-size:9px;font-weight:700}.dashboard-lesson-switch select{width:100%;height:44px;color:var(--navy);background:#fff;border:1px solid #cbd5ef;border-radius:8px;padding:0 35px 0 12px;font-size:11px;font-weight:700;box-shadow:0 5px 16px #23335e0a}.dashboard-stat-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.dashboard-stat-grid article{padding:18px;position:relative}.dashboard-stat-grid article>span{color:#838c9a;font-size:10px}.dashboard-stat-grid article>b{margin:7px 0 3px;font:700 27px Space Grotesk;display:block}.dashboard-stat-grid article>small{color:#a0a7b2;font-size:8px}.dashboard-stat-grid article>i{border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute;top:17px;right:16px}.dashboard-stat-grid .blue{color:var(--blue);background:#e8edff}.dashboard-stat-grid .green{color:#299767;background:#e2f7ed}.dashboard-stat-grid .coral{color:#c35f51;background:#fff0ed}.dashboard-stat-grid .navy{color:var(--navy);background:#edf1fa}.dashboard-data-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:17px;display:grid}.dashboard-heatmap-card{min-width:0}.dashboard-heatmap-wrap{margin-top:17px;overflow-x:auto}.dashboard-heatmap-table{border-collapse:collapse;width:100%;min-width:540px}.dashboard-heatmap-table th{color:#929aa7;text-align:center;height:28px;font-size:8px;font-weight:700}.dashboard-heatmap-table th:first-child{text-align:left;min-width:115px}.dashboard-heatmap-table td{text-align:center;border-top:1px solid #f0f2f6;height:31px;font-size:9px}.dashboard-heatmap-table td:first-child{text-align:left;color:#7d8693;white-space:nowrap}.dashboard-heatmap-table td:first-child b{color:var(--ink);margin-left:3px}.dashboard-heatmap-table td i{border-radius:5px;place-items:center;width:21px;height:21px;font-size:8px;font-style:normal;font-weight:800;display:inline-grid}.dashboard-heatmap-table i.solved{color:#299767;background:#dff5e9}.dashboard-heatmap-table i.unsolved{color:#c86d40;background:#fff0e3}.dashboard-heatmap-table i.unanswered{color:#a4abb7;background:#f0f2f6}.dashboard-difficult-card{min-height:250px}.dashboard-difficult-row{grid-template-columns:26px minmax(0,1fr) 32px;align-items:center;gap:8px;margin-top:18px;display:grid}.dashboard-difficult-row>strong{color:#c96758;background:#fff0ed;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.dashboard-difficult-row>div>b{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:10px;display:block;overflow:hidden}.dashboard-difficult-row>div>div{background:#f2ece9;border-radius:7px;height:5px;margin-top:7px;overflow:hidden}.dashboard-difficult-row i{background:#d88675;border-radius:7px;height:100%;display:block}.dashboard-difficult-row>span{color:#bf6758;text-align:right;font-size:9px}.dashboard-pairs-card{margin-top:17px}.dashboard-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.dashboard-pair-grid article{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 22px 1fr;align-items:center;gap:8px;padding:12px;display:grid;position:relative}.dashboard-pair-grid article>div{grid-template-rows:auto auto;grid-template-columns:31px 1fr;align-items:center;column-gap:8px;display:grid}.dashboard-pair-grid article>div i{width:31px;height:31px;color:var(--blue);background:#e8edff;border-radius:9px;grid-row:1/3;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid}.dashboard-pair-grid article>div:nth-of-type(2) i{color:#299767;background:#e2f7ed}.dashboard-pair-grid article b{font-size:10px}.dashboard-pair-grid article small{color:#929aa7;font-size:8px}.dashboard-pair-grid article>strong{color:#a3acc0;text-align:center}.dashboard-pair-grid article>span{color:#6479aa;background:#f0f3fb;border-radius:999px;padding:4px 6px;font-size:7px;position:absolute;top:8px;right:10px}.dashboard-card-empty{text-align:center;color:#929aa7;padding:42px 12px;font-size:10px}.dashboard-empty{text-align:center;margin-top:35px;padding:58px}.dashboard-empty h2{margin:0 0 8px;font-size:18px}.dashboard-empty p{color:#7f8896;margin:0;font-size:11px}@media (max-width:950px){.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-data-grid{grid-template-columns:1fr}}@media (max-width:650px){.teacher-dashboard-page{padding:0 18px 40px}.dashboard-hero{padding-top:30px;display:block}.dashboard-lesson-switch{width:100%;margin-top:18px}.dashboard-stat-grid{grid-template-columns:1fr 1fr}.dashboard-pair-grid{grid-template-columns:1fr}}.activity-results-page{max-width:1200px;margin:0 auto;padding:0 32px 50px}.activity-results-hero{justify-content:space-between;align-items:flex-end;gap:22px;padding:43px 0 27px;display:flex}.activity-results-hero h1{letter-spacing:-.05em;margin:0 0 9px;font:700 29px Space Grotesk}.activity-results-hero p:not(.overline){color:var(--muted);margin:0;font-size:13px}.activity-results-hero>span{color:#65739a;white-space:nowrap;background:#edf1ff;border-radius:8px;padding:11px 13px;font-size:10px}.activity-results-hero>span b{color:var(--blue);margin-left:5px}.activity-results-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:18px;display:grid}.activity-lesson-picker{padding:16px}.activity-result-card{padding:24px}.activity-result-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:19px;display:flex}.activity-result-head>div:first-child>span{color:var(--blue);font-size:9px;font-weight:700}.activity-result-head h2{margin:7px 0 5px;font-size:19px}.activity-result-head p{color:#858e9c;margin:0;font-size:10px}.activity-result-head>div:last-child{text-align:right}.activity-result-head>div:last-child b{color:var(--blue);font:700 18px Space Grotesk;display:block}.activity-result-head>div:last-child span{color:#9098a5;font-size:8px}.activity-partner-chip{background:#f2f5ff;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:11px 13px;display:flex}.activity-partner-chip span{color:#79849a;font-size:9px}.activity-partner-chip b{color:var(--blue);font-size:10px}.activity-question-list{flex-direction:column;gap:9px;margin-top:15px;display:flex}.activity-question-list article{border:1px solid var(--line);background:#fbfcff;border-radius:9px;grid-template-columns:32px minmax(120px,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.activity-question-list article>span{width:29px;height:29px;color:var(--blue);background:#e8edff;border-radius:8px;place-items:center;font-size:10px;font-weight:700;display:grid}.activity-question-list h3{margin:0 0 4px;font-size:11px}.activity-question-list small{color:#87909e;font-size:8px}.activity-question-list article>div:last-child{gap:6px;display:flex}.activity-question-list button{border:1px solid var(--line);color:#737d8b;white-space:nowrap;background:#fff;border-radius:7px;padding:8px 9px;font-size:9px}.post-solved.selected{font-weight:700;color:#247956!important;background:#e7f8ef!important;border-color:#69bf96!important}.post-unsolved.selected{font-weight:700;color:#b64f43!important;background:#fff0ed!important;border-color:#ed9e92!important}.activity-reflection{margin:18px 0 0;font-size:10px;display:block}.activity-reflection>small{color:#9ca4b0;margin-left:5px}.activity-reflection textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:80px;color:var(--ink);border-radius:8px;outline:0;margin-top:7px;padding:11px;font:11px/1.55 inherit;display:block}.activity-reflection textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #355ac61c}.activity-result-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:17px;display:flex}.activity-result-footer>span{color:#7c8593;font-size:9px}.activity-result-footer>span b{color:var(--ink)}.activity-result-footer .primary{font-size:10px}.activity-result-footer .primary:disabled{opacity:.45;cursor:not-allowed}.activity-lock{background:#f7f8fb;border-radius:9px;align-items:center;gap:13px;margin-top:18px;padding:26px;display:flex}.activity-lock>i{color:#8b95a5;background:#e8ebf2;border-radius:10px;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.activity-lock>div{flex-direction:column;gap:4px;display:flex}.activity-lock b{font-size:11px}.activity-lock span{color:#8a93a0;font-size:9px}.activity-results-empty{text-align:center;padding:58px}.activity-results-empty h2{margin:0 0 8px;font-size:18px}.activity-results-empty p{color:#7e8795;margin:0;font-size:11px}.activity-change-card{margin-bottom:17px}.activity-change-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:22px;margin-top:18px;display:grid}.activity-change-summary{grid-template-columns:1fr 22px 1fr;align-items:center;gap:8px;display:grid}.activity-change-summary>div:not(.activity-improvement){background:#f5f7fc;border-radius:9px;padding:14px}.activity-change-summary span{color:#818b99;margin-bottom:6px;font-size:8px;display:block}.activity-change-summary b{color:var(--navy);font:700 22px Space Grotesk}.activity-change-summary>strong{text-align:center;color:#9ba8c1}.activity-improvement{background:#e8f8f0;border-radius:9px;grid-column:1/4;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:11px 13px;display:grid}.activity-improvement span{color:#39775c;margin:0}.activity-improvement b{color:#26825a;grid-area:1/2/3;font-size:18px}.activity-improvement small{color:#6b8d7c;font-size:8px}.activity-question-changes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.activity-question-changes>div{border:1px solid var(--line);border-radius:7px;grid-template-columns:35px 30px 14px 30px 1fr;align-items:center;gap:5px;padding:8px 9px;display:grid}.activity-question-changes b{font-size:9px}.activity-question-changes span{color:#7d8795;text-align:center;font-size:8px}.activity-question-changes i{color:#a3abbb;font-size:8px;font-style:normal}.activity-question-changes strong{text-align:right;color:#89919f;font-size:8px}.activity-question-changes strong.improved{color:#27835a}.activity-question-changes strong.declined{color:#c05d4f}@media (max-width:900px){.activity-results-layout{grid-template-columns:1fr}.activity-change-layout{grid-template-columns:1fr}}@media (max-width:700px){.activity-results-page{padding:0 18px 40px}.activity-results-hero{padding-top:30px;display:block}.activity-results-hero>span{margin-top:17px;display:inline-block}.activity-result-card{padding:18px}.activity-question-list article{grid-template-columns:29px 1fr}.activity-question-list article>div:last-child{grid-column:1/3}.activity-question-list button{flex:1}.activity-result-footer{flex-direction:column;align-items:stretch}.activity-result-footer .primary{width:100%}.activity-question-changes{grid-template-columns:1fr}}
.clerk-floating{z-index:20;background:#fff;border:1px solid #e4e7ee;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;bottom:24px;right:30px;box-shadow:0 10px 30px #23335e18}:is(.clerk-primary,.clerk-secondary){border-radius:6px;padding:9px 13px;font-size:12px;font-weight:700}.clerk-primary{color:#fff;background:#355ac6;border:1px solid #355ac6}.clerk-secondary{color:#355ac6;background:#fff;border:1px solid #dce2ef}.clerk-primary:hover{background:#2748a8}.clerk-secondary:hover{border-color:#355ac6}.clerk-signed{align-items:center;gap:9px;display:flex}.clerk-login-stack{flex-direction:column;gap:10px;margin-top:30px;display:flex}.clerk-wide{width:100%;padding:13px 16px}.account-chip{color:#68748c;align-items:center;gap:10px;margin-top:42px;font-size:12px;display:flex}.profile-setup-card .login-intro{flex-direction:column;display:flex}.profile-setup-card .login-form{padding-top:58px;padding-bottom:58px}.auth-loading{color:#6e7685;place-items:center;min-height:160px;font-size:13px;display:grid}.login-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.profile-save-error{color:#c75448;background:#fff0ed;border:1px solid #f1c0b8;border-radius:6px;margin:12px 0 0;padding:9px 10px;font-size:11px;line-height:1.45}.profile-form{overflow-y:auto}.student-profile-fields{grid-template-columns:1.15fr 1fr 1fr;gap:9px;display:grid}.student-profile-fields label{min-width:0}.student-profile-fields select{color:#17202f;background:#fff;border:1px solid #e4e7ee;border-radius:7px;outline:0;width:100%;margin-top:7px;padding:12px;font-size:14px;display:block}.student-profile-fields select:focus{border-color:#355ac6;box-shadow:0 0 0 3px #355ac61c}@media (max-width:650px){.clerk-floating{bottom:14px;right:14px}}
.help-box{text-align:left;width:calc(100% - 10px);color:var(--ink);border:0}.help-box:hover,.help-box.active{background:#e9efff}.logout-button{color:#737c8c;background:#fff;border:1px solid #e6e9ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 10px);margin:8px 5px 0;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.logout-button:hover{color:#bd5e50;background:#fff5f3;border-color:#f0c7c0}.logout-button:disabled{cursor:wait;opacity:.65}.notification-center{position:relative}.notification-trigger{color:#858c99;background:0 0;border:0;align-items:center;gap:5px;padding:9px 4px;font-size:12px;display:flex;position:relative}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{color:var(--blue)}.notification-badge{background:var(--coral);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-style:normal;font-weight:700;display:grid;position:absolute;top:1px;right:-8px}.notification-dropdown{z-index:30;border:1px solid var(--line);width:min(390px,100vw - 28px);color:var(--ink);background:#fff;border-radius:14px;position:absolute;top:calc(100% + 12px);right:-80px;overflow:hidden;box-shadow:0 20px 55px #172d6426}.notification-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.notification-heading b,.notification-heading span{display:block}.notification-heading b{font-size:15px}.notification-heading span{color:var(--muted);margin-top:3px;font-size:10px}.notification-heading em{color:var(--blue);background:#edf1ff;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:700}.notification-list{max-height:390px;overflow-y:auto}.notification-item{border-bottom:1px solid #eef0f4;grid-template-columns:38px 1fr;gap:12px;padding:15px 18px;display:grid}.notification-item:last-child{border-bottom:0}.notification-icon{border-radius:10px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid}.notification-icon.survey{color:#27855d;background:#e4f7ee}.notification-icon.activity{color:var(--blue);background:#e9eeff}.notification-icon.matching{color:#8a5b00;background:#fff2cc}.notification-item b{font-size:12px}.notification-item p{color:var(--muted);margin:4px 0 6px;font-size:10px;line-height:1.5}.notification-item time{color:#a0a7b3;font-size:9px}.notification-empty,.notification-error{text-align:center;color:var(--muted);margin:0;padding:35px 22px;font-size:11px}.notification-error{color:#bd5e50}.guide-page{max-width:1160px;margin:0 auto;padding:44px 32px 60px}.guide-hero{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.guide-hero h1{letter-spacing:-.05em;margin:0 0 9px;font:700 30px Space Grotesk}.guide-hero>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.guide-role{color:var(--blue);background:#edf1ff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:700}.guide-steps{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.guide-steps article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:48px 1fr;gap:17px;min-height:145px;padding:23px;display:grid}.guide-steps article>span{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font:700 13px Space Grotesk;display:grid}.guide-steps h2{margin:2px 0 8px;font-size:16px}.guide-steps p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.guide-tip-panel{background:#36528f;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin-top:18px;display:grid;overflow:hidden}.guide-tip-panel>div{background:var(--navy);color:#fff;grid-template-columns:40px 1fr;gap:14px;padding:24px;display:grid}.guide-tip-panel>div>span{color:#6ce2b0;background:#ffffff16;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.guide-tip-panel h2{margin:1px 0 7px;font-size:14px}.guide-tip-panel p{color:#bbc6df;margin:0;font-size:11px;line-height:1.65}@media (max-width:900px){.guide-steps,.guide-tip-panel{grid-template-columns:1fr}}@media (max-width:650px){.notification-dropdown{position:fixed;top:58px;right:14px}.guide-page{padding:30px 18px 45px}.guide-hero{align-items:flex-start;gap:15px}.guide-hero h1{font-size:24px}.guide-role{white-space:nowrap}.guide-steps{grid-template-columns:1fr}}
:root{--comic-ivory:#f6f0e3;--comic-paper:#fffdf7;--comic-charcoal:#292725;--comic-beige:#e8deca;--comic-blue:#bcdcf2;--comic-yellow:#f5dd83;--comic-pink:#efc0c7;--comic-mint:#bfe2d1;--comic-line:#302e2b;--comic-shadow:5px 6px 0 #302e2b;--ink:#24211e;--muted:#514d47}body{background-color:var(--comic-ivory);color:var(--comic-charcoal);background-image:radial-gradient(#2f2d2a0b .7px,#0000 .7px),linear-gradient(115deg,#fff8 0%,#0000 38%);background-size:7px 7px,auto;font-size:16px;line-height:1.55}button,input,select,textarea{color:var(--comic-charcoal);font-size:15px}p,small,label,span{text-rendering:optimizelegibility}.muted,.safe,.panel-head p,.settings-hero p:not(.overline),.dashboard-hero p:not(.overline),.student-lessons-hero p:not(.overline),.activity-results-hero p:not(.overline),.guide-hero>div>p:last-child{color:#514d47!important}.side-link{font-size:15px}.school-pill,.breadcrumb,.top-actions,.profile b{font-size:14px}.profile small,.help-box b,.help-box span,.logout-button{font-size:13px}.panel h2,.panel-head h2{font-size:19px}.panel-head p,.settings-hero p:not(.overline),.dashboard-hero p:not(.overline),.student-lessons-hero p:not(.overline),.activity-results-hero p:not(.overline),.guide-hero>div>p:last-child{line-height:1.7;font-size:15px!important}.overline{font-size:12px}.settings-count,.student-class-badge,.guide-role,.account-role-label,.teacher-only-badge,.trend{font-size:13px!important}.settings-count b,.student-class-badge b{font-size:14px!important}label,.lesson-meta-grid label,.class-results-filters label,.matching-filters label,.activity-reflection{color:#35322e!important;font-size:14px!important}input,select,textarea,.lesson-meta-grid select,.dashboard-lesson-switch select{color:#24211e!important;font-size:14px!important}.primary,.secondary,.login-button,.clerk-primary,.clerk-secondary,.answer-toggle button,.activity-question-list button,.problem-pill,.settings-actions button,.lesson-picker-head,.lesson-choice b,.student-question-copy h3,.activity-question-list h3,.matched-students b,.dashboard-pair-grid article b{font-size:14px!important}.lesson-choice span,.lesson-choice small,.student-question-head p,.student-question-copy p,.student-answer-footer>span,.activity-result-head p,.activity-question-list small,.activity-result-footer>span,.matched-students small,.match-directions span,.match-directions b,.dashboard-card-empty,.dashboard-pair-grid article small{line-height:1.55;color:#554f48!important;font-size:12px!important}.class-results-table th,.class-results-table td,.dashboard-heatmap-table th,.dashboard-heatmap-table td{color:#3f3a34!important;font-size:12px!important}.class-results-table td,.dashboard-heatmap-table td{height:42px}.matching-card-head span,.matching-card-head b,.matching-stats span,.matching-stats small,.class-results-stats span,.class-results-stats small,.dashboard-stat-grid article>span,.dashboard-stat-grid article>small{color:#49443e!important;font-size:12px!important}.notification-heading span,.notification-item p,.notification-item time,.notification-empty,.notification-error{color:#514d47;font-size:12px}.notification-item b,.notification-trigger{color:#302d29;font-size:14px}.app-shell{background-color:#0000;background-image:linear-gradient(90deg,#ffffff38 1px,#0000 1px),linear-gradient(#ffffff38 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.sidebar{border-right:2px solid var(--comic-line);background:#fffaf0;width:258px;box-shadow:8px 0 #eadfca}.logo,.login-mark{color:var(--comic-charcoal);letter-spacing:-.06em;font-family:Space Grotesk,sans-serif}.logo{font-size:26px;position:relative}.logo:after{content:"SMART PEER COMIC";background:var(--comic-yellow);width:max-content;color:var(--comic-charcoal);letter-spacing:.12em;margin:5px 0 0 28px;padding:2px 5px;font:700 7px/1.4 DM Sans,sans-serif;display:block;transform:rotate(-1deg)}.school-pill,.side-link,.help-box,.logout-button{border:1.5px solid var(--comic-line);border-radius:4px}.school-pill{background:var(--comic-paper);box-shadow:3px 3px 0 var(--comic-beige)}.side-label{color:#706b63}.side-link{color:#5d5953;border-color:#0000}.side-link.active,.side-link:hover{border-color:var(--comic-line);background:var(--comic-blue);color:var(--comic-charcoal);box-shadow:3px 3px 0 var(--comic-line);transform:translate(-1px,-1px)}.help-box{background:var(--comic-yellow);box-shadow:3px 3px 0 var(--comic-line)}.help-box:hover,.help-box.active{background:#ffe89b}.logout-button{border-color:var(--comic-line);background:var(--comic-paper)}.topbar{border-bottom:2px solid var(--comic-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8e8;height:70px}.breadcrumb{align-items:center;gap:3px;font-weight:800;display:flex}.account-role-label,.notification-heading em,.trend,.teacher-only-badge,.student-class-badge,.guide-role{border:1.5px solid var(--comic-line);background:var(--comic-blue);color:var(--comic-charcoal);box-shadow:2px 2px 0 var(--comic-line);border-radius:3px}.notification-dropdown{border:2px solid var(--comic-line);background:var(--comic-paper);box-shadow:var(--comic-shadow);border-radius:4px}.notification-heading{background:radial-gradient(#302e2b22 1px, transparent 1px), var(--comic-yellow);border-bottom:2px solid var(--comic-line);background-size:6px 6px}.notification-item{border-bottom:1.5px dashed #777068}.panel,.stat-card,.match-card,.login-card,.lesson-summary,.settings-tip{border:2px solid var(--comic-line);background:var(--comic-paper);box-shadow:var(--comic-shadow);border-radius:5px;position:relative}.panel:after,.stat-card:after{content:"";z-index:-1;background:var(--comic-beige);border:1px solid var(--comic-line);position:absolute;inset:8px -8px -8px 8px}.panel-head{border-bottom:1.5px dashed #8c857a;padding-bottom:13px}.panel h2,.panel-head h2,.guide-page h2{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif}.overline{border:1.5px solid var(--comic-line);background:var(--comic-yellow);color:var(--comic-charcoal);box-shadow:2px 2px 0 var(--comic-line);margin-bottom:13px;padding:3px 7px;display:inline-block;transform:rotate(-1deg)}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{border:2px solid var(--comic-line);background:radial-gradient(#302e2b18 1px, transparent 1px), var(--comic-paper);min-height:210px;box-shadow:var(--comic-shadow);background-size:7px 7px;align-items:center;padding:25px 300px 25px 26px;position:relative}.settings-hero h1,.dashboard-hero h1,.student-lessons-hero h1,.activity-results-hero h1,.guide-hero h1{font-size:clamp(25px,3vw,36px);line-height:1.15}.settings-hero>.settings-count,.student-lessons-hero>.student-class-badge,.activity-results-hero>span:not(.comic-cue),.guide-hero>.guide-role,.dashboard-hero>.dashboard-lesson-switch,.matching-hero>.rematch-button{z-index:5;position:absolute;top:16px;right:18px}.dashboard-hero>.dashboard-lesson-switch{width:225px}.matching-hero>.rematch-button{padding:9px 11px;font-size:10px}.comic-cue{z-index:2;pointer-events:none;grid-template-columns:178px 108px;align-items:flex-end;width:292px;height:138px;display:grid;position:absolute;bottom:-2px;right:16px}.comic-cue .office-character{grid-area:1/2;justify-self:end}.comic-cue .comic-bubble{grid-area:1/1;align-self:start;max-width:176px;margin:16px -8px 0 0}.comic-bubble{border:2px solid var(--comic-line);background:var(--comic-paper);max-width:190px;box-shadow:2px 3px 0 var(--comic-line);color:#24211e;border-radius:48% 48% 46% 42%/48% 44% 52% 46%;padding:10px 12px;font-size:13px;line-height:1.5;position:relative}.comic-bubble:after{content:"";border-right:2px solid var(--comic-line);border-bottom:2px solid var(--comic-line);background:inherit;width:15px;height:15px;position:absolute;bottom:-10px;left:17px;transform:skew(18deg)rotate(34deg)}.comic-bubble b,.comic-bubble span{display:block}.comic-bubble b{letter-spacing:.08em;margin-bottom:3px;font-size:11px}.comic-bubble.yellow{background:#fff7d6}.comic-bubble.blue{background:#e6f4fc}.comic-bubble.pink{background:#fae6e9}.comic-bubble.mint{background:#e3f5ec}.paper-caption{border:1.5px solid var(--comic-line);box-shadow:2px 2px 0 var(--comic-line);letter-spacing:.08em;padding:4px 8px;font-size:9px;font-weight:900;display:inline-block;transform:rotate(-1.5deg)}.paper-caption.blue{background:var(--comic-blue)}.paper-caption.yellow{background:var(--comic-yellow)}.paper-caption.pink{background:var(--comic-pink)}.paper-caption.mint{background:var(--comic-mint)}.office-character{flex:none;width:136px;height:172px;position:relative}.office-character.compact{transform-origin:bottom;width:108px;height:132px;transform:scale(.9)}.character-head{z-index:3;border:2.5px solid var(--comic-line);background:#f2d5bd;border-radius:46% 46% 42% 42%;width:60px;height:65px;position:absolute;top:6px;left:39px}.character-ear{z-index:-1;border:2px solid var(--comic-line);background:#f2d5bd;border-radius:50%;width:11px;height:16px;position:absolute;top:31px}.character-ear.left{left:-8px}.character-ear.right{right:-8px}.character-hair{border:2.5px solid var(--comic-line);background-color:#3c3935;background-image:radial-gradient(#fff2 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:5px 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:58% 58% 28% 30%;width:63px;height:31px;position:absolute;top:-4px;left:-3px;transform:rotate(-3deg)}.character-fringe{z-index:2;border-bottom:2px solid var(--comic-line);background:#3c3935;border-radius:0 0 55% 45%;width:48px;height:15px;position:absolute;top:16px;left:6px;transform:rotate(-4deg)}.character-eye{z-index:3;background:var(--comic-line);border-radius:50%;width:5px;height:6px;position:absolute;top:37px}.character-eye.left{left:15px}.character-eye.right{right:15px}.character-nose{border-right:1.5px solid var(--comic-line);border-bottom:1.5px solid var(--comic-line);width:5px;height:5px;position:absolute;top:42px;left:28px;transform:rotate(18deg)}.character-blush{background:#de9e9d80;border-radius:50%;width:8px;height:3px;position:absolute;top:47px}.character-blush.left{left:9px}.character-blush.right{right:9px}.character-mouth{border-bottom:2px solid var(--comic-line);border-radius:50%;width:14px;height:7px;position:absolute;bottom:8px;left:24px}.think .character-mouth{border:2px solid var(--comic-line);border-radius:50%;width:7px;height:7px}.character-body{z-index:2;border:2.5px solid var(--comic-line);background:radial-gradient(#302e2b1a 1px, transparent 1px), var(--comic-blue);background-size:6px 6px;border-radius:42% 42% 8px 8px;width:88px;height:106px;position:absolute;bottom:2px;left:25px}.character-collar{border-bottom:2px solid var(--comic-line);background:#fff;width:24px;height:21px;position:absolute;top:4px}.character-collar.left{left:18px;transform:skew(18deg)}.character-collar.right{right:18px;transform:skew(-18deg)}.character-tie{z-index:2;clip-path:polygon(50% 0,100% 25%,72% 100%,28% 100%,0 25%);background:var(--comic-charcoal);width:10px;height:24px;position:absolute;top:22px;left:39px}.character-pocket{border:1.5px solid var(--comic-line);border-top:0;width:18px;height:15px;position:absolute;top:49px;right:14px}.character-arm{z-index:4;border:2.5px solid var(--comic-line);background:var(--comic-blue);border-radius:20px;width:48px;height:17px;position:absolute;bottom:34px}.character-arm.left{left:1px;transform:rotate(24deg)}.character-arm.right{right:-1px;transform:rotate(-24deg)}.explain .character-arm.right{transform:rotate(-58deg)translate(8px,-10px)}.celebrate .character-arm.left{transform:rotate(62deg)translate(-4px,-14px)}.celebrate .character-arm.right{transform:rotate(-62deg)translate(4px,-14px)}.character-hand{z-index:5;border:2px solid var(--comic-line);background:#f2d5bd;border-radius:50%;width:13px;height:13px;position:absolute;bottom:32px}.character-hand.left{left:7px}.character-hand.right{right:7px}.explain .character-hand.right{bottom:72px;right:-3px}.celebrate .character-hand.left,.celebrate .character-hand.right{bottom:82px}.character-prop{z-index:5;border:2.5px solid var(--comic-line);background:var(--comic-yellow);letter-spacing:.08em;place-items:center;width:65px;height:44px;font-size:9px;font-weight:900;display:grid;position:absolute;bottom:6px;left:37px;transform:rotate(-3deg)}.character-prop.laptop{background:#d8e9f5;width:74px;height:40px;bottom:2px;left:32px;transform:perspective(80px)rotateX(-8deg)}.character-prop.checklist{background:var(--comic-mint)}.primary,.login-button,.clerk-primary{box-shadow:3px 3px 0 var(--comic-yellow);border:2px solid var(--comic-line)!important;background:var(--comic-charcoal)!important;color:#fff!important;border-radius:4px!important}.primary:hover,.login-button:hover,.clerk-primary:hover{box-shadow:5px 5px 0 var(--comic-yellow);transform:translate(-1px,-1px);background:#111!important}.secondary,.clerk-secondary,.role-tabs,input,select,textarea{border:1.5px solid var(--comic-line)!important;background:var(--comic-paper)!important;border-radius:3px!important}input:focus,select:focus,textarea:focus{border-color:var(--comic-line)!important;box-shadow:3px 3px 0 var(--comic-blue)!important}.role-tabs button.selected,.lesson-choice.selected,.problem-pill.selected{background:var(--comic-blue)!important;color:var(--comic-charcoal)!important}.login-page{background:radial-gradient(#302e2b12 1px, transparent 1px), var(--comic-ivory);background-size:7px 7px}.login-card{border-radius:6px;grid-template-columns:1.15fr .85fr;overflow:visible}.clerk-login-stack{gap:10px;width:100%;margin-top:26px;display:grid!important}.clerk-login-stack>*{width:100%;display:block}.clerk-login-stack .clerk-wide{min-height:44px;width:100%!important;padding:11px 14px!important;display:block!important}.login-intro{border-right:2px solid var(--comic-line);background-color:#fffaf0;background-image:radial-gradient(#302e2b18 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;overflow:hidden}.login-intro h1{z-index:3;font-size:42px;position:relative}.login-intro h1 em{color:var(--comic-charcoal);background:linear-gradient(transparent 62%, var(--comic-yellow) 62%)}.login-orb{display:none}.login-comic-scene{width:270px;height:220px;position:absolute;bottom:-4px;right:20px}.login-comic-scene .office-character{position:absolute;bottom:0;right:14px}.login-comic-scene .comic-bubble{position:absolute;top:8px;left:0}.comic-desk{border:2.5px solid var(--comic-line);width:205px;height:42px;box-shadow:4px 4px 0 var(--comic-line);background:#d6b78c;position:absolute;bottom:0;right:0}.comic-desk:before,.comic-desk:after{content:"";border:2px solid var(--comic-line);background:#d6b78c;width:8px;height:44px;position:absolute;bottom:-44px}.comic-desk:before{left:17px}.comic-desk:after{right:17px}.dashboard-stat-grid>.panel:first-child,.class-results-stats>.panel:first-child,.matching-stats>.panel:first-child{background:#e8f3fb;transform:rotate(-.35deg)}.dashboard-stat-grid>.panel:nth-child(2),.class-results-stats>.panel:nth-child(2),.matching-stats>.panel:nth-child(2){background:#e7f4ec;transform:rotate(.3deg)}.dashboard-stat-grid>.panel:nth-child(3),.class-results-stats>.panel:nth-child(3),.matching-stats>.panel:nth-child(3){background:#fff1bd;transform:rotate(-.25deg)}.dashboard-stat-grid>.panel:nth-child(4){background:#f7e7ea;transform:rotate(.35deg)}.dashboard-heatmap-table th,.class-results-table th{background:radial-gradient(#302e2b19 1px, transparent 1px), var(--comic-beige);color:var(--comic-charcoal);background-size:6px 6px}.dashboard-card-empty,.student-empty,.activity-results-empty,.matching-empty,.class-results-empty,.dashboard-empty{text-align:center;background-color:#fffaf0;background-image:radial-gradient(#302e2b18 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:center;place-items:center;min-height:180px;display:grid}.dashboard-card-empty:before,.student-empty:before,.activity-results-empty:before,.matching-empty:before,.class-results-empty:before,.dashboard-empty:before{content:"?";border:2px solid var(--comic-line);background:var(--comic-yellow);width:42px;height:42px;box-shadow:3px 3px 0 var(--comic-line);border-radius:50%;place-items:center;margin-bottom:8px;font:900 22px Space Grotesk,sans-serif;display:grid}.tutorial-step{border:2px solid var(--comic-line);background:var(--comic-paper);min-height:280px;box-shadow:var(--comic-shadow);position:relative;overflow:hidden}.tutorial-step:before{content:"";opacity:.45;pointer-events:none;background:radial-gradient(#302e2b20 1px,#0000 1px) 0 0/7px 7px;position:absolute;inset:0}.tutorial-step .paper-caption{z-index:3;position:absolute;top:15px;left:15px}.tutorial-scene{border-bottom:2px solid var(--comic-line);height:150px;position:relative}.tutorial-scene .office-character{position:absolute;bottom:-2px;left:50%;transform:translate(-50%)scale(.92)}.tutorial-action{font:900 25px Space Grotesk,sans-serif;position:absolute;top:55px;right:30px}.tutorial-copy{z-index:2;padding:18px 20px 20px;position:relative}.tutorial-copy h2{margin:0 0 7px}.tutorial-copy p{color:#625e58;margin:0;font-size:14px;line-height:1.65}.guide-steps{grid-template-columns:repeat(4,1fr)}.guide-steps article{padding:0;display:block}.guide-tip-panel{border:2px solid var(--comic-line);box-shadow:var(--comic-shadow);border-radius:4px}.guide-tip-panel>div{background:radial-gradient(#302e2b18 1px, transparent 1px), var(--comic-charcoal);background-size:7px 7px}@media (max-width:1120px){.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{padding-right:255px}.comic-cue{transform-origin:100% 100%;right:4px;transform:scale(.82)}.guide-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sidebar{width:205px}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{min-height:150px;padding-right:28px}.comic-cue{display:none}.settings-hero>.settings-count,.student-lessons-hero>.student-class-badge,.activity-results-hero>span:not(.comic-cue),.guide-hero>.guide-role,.dashboard-hero>.dashboard-lesson-switch,.matching-hero>.rematch-button{width:fit-content;margin-top:18px;position:static}.dashboard-hero>.dashboard-lesson-switch{width:min(100%,420px)}.login-card{grid-template-columns:1fr 1fr}}@media (max-width:650px){.app-shell{display:block}.sidebar{z-index:20;border:0;border-bottom:2px solid var(--comic-line);width:100%;box-shadow:0 5px 0 var(--comic-beige);flex-flow:wrap;gap:6px;padding:13px 14px;display:flex;position:relative}.logo{width:100%;padding:0;font-size:22px}.logo:after,.school-pill,.side-label,.sidebar-bottom .help-box,.sidebar-bottom .profile{display:none}.side-link{white-space:nowrap;flex:auto;justify-content:center;min-height:40px;margin:0;padding:8px 10px}.sidebar-bottom{margin:0}.logout-button{width:auto;height:40px;margin:0;padding:8px 12px}.topbar{z-index:18;height:58px;position:sticky;top:0}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{min-height:auto;padding:22px 18px}.settings-hero h1,.dashboard-hero h1,.student-lessons-hero h1,.activity-results-hero h1,.guide-hero h1{font-size:25px}.login-page{padding:74px 16px 30px}.login-mark{top:22px;left:22px}.login-card{grid-template-columns:1fr}.login-intro{border-right:0;border-bottom:2px solid var(--comic-line);min-height:350px;padding:34px 28px}.login-intro h1{font-size:32px}.login-comic-scene{transform-origin:100% 100%;right:4px;transform:scale(.75)}.guide-steps{grid-template-columns:1fr}.tutorial-step{min-height:250px}.panel,.stat-card,.match-card,.login-card,.lesson-summary,.settings-tip{box-shadow:3px 4px 0 var(--comic-line)}}.profile-button{text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;width:100%;transition:background .16s,border-color .16s,transform .16s}.profile-button:hover,.profile-button:focus-visible{border-color:var(--comic-line);background:var(--comic-yellow);box-shadow:2px 2px 0 var(--comic-line);outline:0;transform:translate(-2px,-2px)}.profile-button small{color:#6b2d12;font-weight:750}.profile-editor-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16213bd1;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.profile-editor-dialog{border:2px solid var(--comic-line);background:radial-gradient(#302e2b16 1px, transparent 1px), var(--comic-paper);width:min(520px,100%);box-shadow:8px 9px 0 var(--comic-line);color:#172b4a;background-size:7px 7px;border-radius:6px;padding:30px;position:relative}.profile-editor-dialog h2{color:#172b4a;letter-spacing:-.04em;margin:2px 0 7px;font:800 28px/1.2 Space Grotesk,sans-serif}.profile-editor-description{color:#593321;margin:0 42px 22px 0;font-size:15px;font-weight:600}.profile-editor-close{border:2px solid var(--comic-line);color:#40223b;background:#efc0c7;border-radius:50%;width:38px;height:38px;font-size:24px;font-weight:900;line-height:1;position:absolute;top:15px;right:15px}.profile-editor-avatar{border:2px solid var(--comic-line);background:var(--comic-blue);width:64px;height:64px;box-shadow:3px 3px 0 var(--comic-line);color:#5a250e;border-radius:16px;place-items:center;margin-bottom:8px;font-size:25px;font-weight:900;display:grid}.profile-editor-name{color:#172b4a;margin-bottom:20px;font-size:17px;display:block}.profile-editor-fields{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.profile-editor-fields label{flex-direction:column;gap:7px;font-weight:800;display:flex;color:#492541!important;font-size:14px!important}.profile-editor-fields select{background:#fff5d8;border:2px solid #536279;border-radius:5px;width:100%;min-height:48px;padding:0 12px;font-weight:800;color:#172b4a!important;font-size:15px!important}.profile-editor-fields select:focus{border-color:#8b3512;outline:3px solid #f5c39d}.profile-editor-error{color:#68240c;background:#fff0e6;border:2px solid #873918;margin:15px 0 0;padding:10px 12px;font-size:14px;font-weight:700}.profile-editor-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.profile-editor-actions button{min-height:46px;font-size:15px!important}@media (max-width:650px){.profile-editor-backdrop{align-items:end;padding:12px}.profile-editor-dialog{padding:25px 18px 20px}.profile-editor-dialog h2{font-size:24px}.profile-editor-fields{grid-template-columns:1fr}.profile-editor-actions{flex-direction:column-reverse}.profile-editor-actions button{width:100%}}.student-lessons-page,.activity-results-page{--student-navy:#162a4a;--student-orange:#9f3f13;--student-plum:#5b234f;--student-green:#174f3e;color:var(--student-navy)}.student-lessons-hero,.activity-results-hero{color:var(--student-navy);background:radial-gradient(#162a4a1f 1px,#0000 1px),#fff4d8}.student-lessons-hero h1,.activity-results-hero h1{color:#142541;font-size:clamp(30px,3.4vw,42px);line-height:1.18}.student-lessons-hero p:not(.overline),.activity-results-hero p:not(.overline){font-weight:650;line-height:1.75;color:#56321f!important;font-size:17px!important}.student-lessons-page .overline,.activity-results-page .overline{color:#542310;background:#bcdcf2;font-size:14px}.student-class-badge,.activity-results-hero>span:not(.comic-cue){color:#542310;background:#bcdcf2;font-weight:800;font-size:15px!important}.student-class-badge b,.activity-results-hero>span:not(.comic-cue) b{color:#7d2f0e;font-size:16px!important}.student-lessons-page .panel,.activity-results-page .panel{color:var(--student-navy)}.lesson-picker{background:#e9f4fb}.lesson-picker-head{color:#61234f;font-weight:850;font-size:16px!important}.lesson-picker-head b{color:#5c244d;background:#f5dd83;width:30px;height:30px;font-size:14px}.lesson-choice{min-height:108px;color:var(--student-navy);background:#fffdf7;border:2px solid #57667d;gap:6px;padding:15px 14px}.lesson-choice:hover,.lesson-choice.selected{background:#fff0c7;border-color:#8b3512;box-shadow:3px 3px #8b3512}.lesson-choice span{font-weight:850;color:#8b3512!important;font-size:14px!important}.lesson-choice b{color:#172b4c;font-size:18px!important}.lesson-choice small{font-weight:650;color:#4f3150!important;font-size:14px!important}.lesson-choice i{color:#173f34;background:#c7ead9;font-size:12px;font-weight:800;top:12px;right:12px}.student-pairing-card{color:#fff8e7;background-color:#17345f;background-image:radial-gradient(#fff2 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #111f35}.student-pairing-head span{color:#ffd97a;font-size:13px}.student-pairing-head h2{color:#fff;font-size:24px}.student-pairing-head>b{color:#55230f;background:#ffe49c;font-size:13px}.student-pair-people i{color:#1b2d49;background:#e1a33a;font-size:17px}.student-pair-people>div:last-child i{color:#512047;background:#bfe2d1}.student-pair-people b{color:#fff;font-size:17px}.student-pair-people small{color:#fff0bc;font-size:13px;font-weight:650}.student-pair-people strong{color:#ffd775;font-size:20px}.student-pair-tasks>div{background:#fff3d91a;border-color:#ffe19c7a}.student-pair-tasks span{color:#ffdf91;font-size:13px;font-weight:750}.student-pair-tasks b,.student-pair-tasks small{color:#fff;font-size:13px}.student-pair-tasks b{background:#9f3f13}.student-pairing-waiting b{color:#fff;font-size:16px}.student-pairing-waiting span{color:#fff0c3;font-size:14px}.student-question-head>div>span,.activity-result-head>div:first-child>span{color:var(--student-orange);font-size:14px}.student-question-head h2,.activity-result-head h2{color:var(--student-navy);font-size:24px}.student-question-head p,.activity-result-head p{font-weight:600;color:#5b294d!important;font-size:15px!important}.student-progress b,.activity-result-head>div:last-child b{color:var(--student-orange);font-size:22px}.student-progress span,.activity-result-head>div:last-child span{color:#51304d;font-size:13px;font-weight:700}.student-question-item,.activity-question-list article{background:#f5fbff;border:2px solid #536279}.student-question-number,.activity-question-list article>span{color:#57234d;background:#f5dd83;width:38px;height:38px;font-size:15px;font-weight:900}.student-question-copy h3,.activity-question-list h3{color:var(--student-navy);font-size:17px!important}.student-question-copy p,.activity-question-list small{font-weight:600;color:#67314f!important;font-size:14px!important}.answer-toggle button,.activity-question-list button{color:#1f3657;border:2px solid #526176;min-height:44px;font-weight:800;font-size:14px!important}.answer-solved.selected,.post-solved.selected{color:#123c31!important;background:#bfe2d1!important;border-color:#175c45!important}.answer-unsolved.selected,.post-unsolved.selected{color:#5e2109!important;background:#f5c39d!important;border-color:#873918!important}.student-answer-footer>span,.activity-result-footer>span{font-weight:700;color:#442343!important;font-size:15px!important}.student-answer-footer>span b,.activity-result-footer>span b{color:#8b3512}.student-answer-footer .primary,.activity-result-footer .primary{color:#fff;background:#17345f;min-height:48px;font-size:16px!important}.activity-partner-chip{color:#55234b;background:#f5dd83;border-color:#55234b}.activity-partner-chip span,.activity-partner-chip b{color:#55234b;font-size:14px}.activity-reflection{font-weight:800;color:var(--student-navy)!important;font-size:16px!important}.activity-reflection>small{color:#7b3215;font-size:13px}.activity-reflection textarea{background:#fff9e9;border:2px solid #536279;min-height:120px;color:#1b2e4b!important;font-size:15px!important}.student-empty,.activity-results-empty{color:#172b4b!important;font-size:16px!important}.student-empty h2,.activity-results-empty h2{color:#512047;font-size:23px}.student-empty p,.activity-results-empty p{font-weight:600;color:#5d321f!important;font-size:15px!important}@media (max-width:650px){.student-lessons-hero h1,.activity-results-hero h1{font-size:30px}.student-lessons-hero p:not(.overline),.activity-results-hero p:not(.overline){font-size:16px!important}.lesson-choice{min-height:112px}.student-question-card,.activity-result-card,.student-pairing-card{padding:18px}.student-question-copy h3,.activity-question-list h3{font-size:16px!important}.answer-toggle button,.activity-question-list button{font-size:13px!important}}.topbar{z-index:1000;position:relative;overflow:visible}.top-actions,.notification-center{z-index:1001;position:relative}.notification-dropdown{z-index:2000}@media (max-width:650px){.sidebar{z-index:900}.side-link{white-space:normal;text-align:center;min-width:calc(50% - 4px);min-height:44px;line-height:1.3}.topbar{z-index:1000;gap:10px;width:100%;height:62px;min-height:62px;padding:0 14px;position:sticky;top:0}.breadcrumb{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12px;display:block;overflow:hidden}.breadcrumb span{padding:0 3px}.top-actions{flex:none;gap:5px}.top-actions>.account-role-label{display:none}.notification-trigger{justify-content:center;min-width:50px;min-height:42px;padding:8px 6px}.notification-dropdown{z-index:2000;width:auto;max-height:calc(100dvh - 78px);position:fixed;top:66px;left:10px;right:10px}.notification-list{max-height:calc(100dvh - 160px)}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{width:100%;padding:22px 16px;overflow:visible}.settings-hero>div,.dashboard-hero>div,.student-lessons-hero>div,.activity-results-hero>div,.guide-hero>div{width:100%;min-width:0}.settings-hero h1,.dashboard-hero h1,.student-lessons-hero h1,.activity-results-hero h1,.guide-hero h1{letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;margin-right:0;font-size:clamp(25px,7.6vw,30px);line-height:1.24}.settings-hero p:not(.overline),.dashboard-hero p:not(.overline),.student-lessons-hero p:not(.overline),.activity-results-hero p:not(.overline),.guide-hero>div>p:last-child{word-break:keep-all;overflow-wrap:anywhere;max-width:100%}.student-lessons-hero>.student-class-badge,.activity-results-hero>span:not(.comic-cue),.settings-hero>.settings-count,.guide-hero>.guide-role{white-space:normal;max-width:100%}.lesson-choice{padding-right:14px}.lesson-choice i{align-self:flex-start;margin-top:3px;position:static}.student-pairing-head,.student-question-head,.activity-result-head{flex-direction:column;align-items:flex-start}.student-pairing-head>b{align-self:flex-start}.student-pair-people{grid-template-columns:1fr;gap:12px}.student-pair-people>div{width:100%}.student-pair-people>strong{transform:rotate(90deg)}.student-progress,.activity-result-head>div:last-child{text-align:left;width:100%;min-width:0}.answer-toggle,.activity-question-list article>div:last-child{flex-direction:column;width:100%}.answer-toggle button,.activity-question-list button{white-space:normal;width:100%;line-height:1.35}.login-intro{min-height:535px;padding:32px 22px 235px}.login-intro h1{word-break:keep-all;overflow-wrap:anywhere;max-width:100%;font-size:clamp(29px,8vw,34px);line-height:1.18}.login-intro p:not(.overline){z-index:3;word-break:keep-all;max-width:100%;position:relative}.login-comic-scene{transform-origin:100% 100%;bottom:0;right:2px;transform:scale(.72)}}
:root{--tesla-blue:#3e6ae1;--tesla-blue-hover:#3457b1;--tesla-carbon:#171a20;--tesla-graphite:#393c41;--tesla-pewter:#5c5e62;--tesla-silver:#8e8e8e;--tesla-cloud:#eee;--tesla-pale:#d0d1d2;--tesla-ash:#f4f4f4;--tesla-white:#fff;--ink:var(--tesla-carbon);--muted:var(--tesla-pewter);--line:var(--tesla-cloud);--blue:var(--tesla-blue);--navy:var(--tesla-carbon)}.teacher-subject-editor{grid-template-columns:1fr}.lesson-subject-value{border:1px solid var(--tesla-cloud);background:var(--tesla-ash);border-radius:4px;flex-direction:column;justify-content:center;gap:2px;min-height:52px;margin-top:8px;padding:9px 12px;display:flex}.lesson-subject-value b{color:var(--tesla-carbon);font-size:15px}.lesson-subject-value span{color:var(--tesla-pewter);font-size:11px}.question-image-field{grid-column:1/-1}.question-image-field>span{color:var(--tesla-carbon);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.question-image-field>span small{color:var(--tesla-pewter);font-weight:400}.question-image-upload{cursor:pointer;background:#fff;border:1px dashed #aeb4bd;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:92px;display:flex}.question-image-upload:hover{background:snow;border-color:#d73a3a}.question-image-upload>span{background:var(--tesla-ash);border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.question-image-upload b{font-size:12px}.question-image-upload small{color:var(--tesla-pewter);font-size:10px}.question-image-upload input,.question-image-replace input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.question-image-preview{border:1px solid var(--tesla-cloud);background:var(--tesla-ash);border-radius:4px;grid-template-columns:minmax(160px,260px) 1fr;align-items:center;gap:14px;padding:10px;display:grid}.question-image-preview img{object-fit:contain;background:#fff;border-radius:3px;width:100%;max-height:180px}.question-image-preview>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.question-image-replace,.question-image-remove{color:var(--tesla-carbon);font:inherit;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600;text-decoration:underline}.question-image-remove{color:#d73a3a;padding:0}.summary-question-list em{color:#d73a3a;letter-spacing:.08em;margin-left:auto;font-size:9px;font-style:normal;font-weight:700}.student-question-image,.activity-question-image{border:1px solid var(--tesla-cloud);object-fit:contain;background:#fff;border-radius:4px;width:min(100%,640px);max-height:420px;margin-top:14px;display:block}.activity-question-image{max-width:320px;max-height:220px;margin:8px 0}@media (max-width:700px){.question-image-preview{grid-template-columns:1fr}.question-image-preview>div{flex-flow:wrap}}*{box-shadow:none}html{background:var(--tesla-white)}body{background:var(--tesla-white);color:var(--tesla-carbon);background-image:none;margin:0;font-family:Universal Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font-family:inherit;transition:border-color .33s cubic-bezier(.5,0,0,.75),background-color .33s cubic-bezier(.5,0,0,.75),color .33s cubic-bezier(.5,0,0,.75)}button:hover,.primary:hover,.secondary:hover,.login-button:hover{transform:none}h1,h2,h3,h4,.logo,.login-mark{letter-spacing:normal!important;font-family:Universal Sans Display,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif!important;font-weight:500!important}p,small,span,label{letter-spacing:normal}.app-shell{background:var(--tesla-white);background-image:none;min-height:100vh}.sidebar{border:0;border-right:1px solid var(--tesla-cloud);background:var(--tesla-white);width:260px;box-shadow:none;padding:28px 20px 20px}.logo{color:var(--tesla-carbon);padding:0 12px;font-size:25px}.logo span,.login-mark span{color:var(--tesla-blue)}.logo:after{display:none}.school-pill{background:var(--tesla-ash);color:var(--tesla-graphite);box-shadow:none;border:0;border-radius:4px;margin:28px 4px 32px;padding:12px 14px;font-size:14px}.side-label{color:var(--tesla-silver);letter-spacing:normal;padding:0 12px 8px;font-size:12px;font-weight:500}.side-link{min-height:44px;color:var(--tesla-graphite);background:0 0;border:0;border-radius:4px;margin:2px 0;padding:10px 12px;font-size:15px;font-weight:400}.side-link.active,.side-link:hover{background:var(--tesla-ash);color:var(--tesla-carbon);box-shadow:none;border:0;font-weight:500;transform:none}.help-box,.logout-button,.profile-button{box-shadow:none;border:0;border-radius:4px}.help-box{background:var(--tesla-ash);color:var(--tesla-carbon)}.help-box:hover,.help-box.active,.profile-button:hover,.profile-button:focus-visible{color:var(--tesla-carbon);box-shadow:none;background:#e8e8e8;border:0;transform:none}.help-box span,.profile-button small{color:var(--tesla-pewter)}.logout-button{border:1px solid var(--tesla-pale);background:var(--tesla-white);color:var(--tesla-graphite)}.logout-button:hover{border-color:var(--tesla-carbon);background:var(--tesla-white);color:var(--tesla-carbon)}.mini-avatar{background:var(--tesla-ash);color:var(--tesla-carbon);border-radius:50%}.dashboard{background:var(--tesla-white)}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:64px;color:var(--tesla-carbon);background:#ffffffd1;border:0}.breadcrumb{color:var(--tesla-carbon);font-size:14px;font-weight:500}.breadcrumb span{color:var(--tesla-silver)}.account-role-label,.notification-heading em,.trend,.teacher-only-badge,.student-class-badge,.guide-role,.settings-count{background:var(--tesla-ash);color:var(--tesla-graphite);box-shadow:none;border:0;border-radius:4px;font-weight:500}.notification-trigger{color:var(--tesla-graphite);font-size:14px;font-weight:500}.notification-trigger:hover,.notification-trigger[aria-expanded=true]{color:var(--tesla-blue)}.notification-badge{border-color:var(--tesla-white);background:var(--tesla-blue)}.notification-dropdown{border:1px solid var(--tesla-cloud);background:var(--tesla-white);box-shadow:none;border-radius:4px}.notification-heading{border-bottom:1px solid var(--tesla-cloud);background:var(--tesla-white);background-image:none}.notification-item{border-bottom:1px solid var(--tesla-cloud)}.notification-icon,.notification-icon.survey,.notification-icon.activity,.notification-icon.matching{background:var(--tesla-ash);color:var(--tesla-blue);border-radius:4px}.notification-heading span,.notification-item p,.notification-item time,.notification-empty,.notification-error{color:var(--tesla-pewter)}.settings-page,.student-lessons-page,.activity-results-page,.teacher-dashboard-page,.class-results-page,.matching-page,.guide-page{max-width:1380px}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{background:var(--tesla-white);min-height:auto;color:var(--tesla-carbon);box-shadow:none;background-image:none;border:0;margin:0 0 32px;padding:56px 40px 40px}.settings-hero h1,.dashboard-hero h1,.student-lessons-hero h1,.activity-results-hero h1,.guide-hero h1{max-width:760px;color:var(--tesla-carbon);margin:0 0 12px;font-size:clamp(32px,4vw,40px);font-weight:500;line-height:1.2}.settings-hero p:not(.overline),.dashboard-hero p:not(.overline),.student-lessons-hero p:not(.overline),.activity-results-hero p:not(.overline),.guide-hero>div>p:last-child{max-width:720px;font-weight:400;line-height:1.55;color:var(--tesla-graphite)!important;font-size:16px!important}.overline{color:var(--tesla-blue);box-shadow:none;letter-spacing:normal;background:0 0;border:0;margin:0 0 16px;padding:0;font-size:14px;font-weight:500;transform:none}.comic-cue,.login-comic-scene,.login-orb{display:none}.panel,.stat-card,.match-card,.login-card,.lesson-summary,.settings-tip,.guide-tip-panel,.tutorial-step,.profile-editor-dialog{background:var(--tesla-ash);box-shadow:none;border:0;border-radius:4px}.panel:after,.stat-card:after,.settings-tip:after{display:none}.panel-head{border-bottom:1px solid var(--tesla-pale);padding-bottom:16px}.panel h2,.panel-head h2,.guide-page h2{color:var(--tesla-carbon);font-size:20px;font-weight:500}.panel-head p,.lesson-choice small,.student-question-copy p,.activity-question-list small,.dashboard-card-empty,.matched-students small,.dashboard-pair-grid article small{color:var(--tesla-pewter)!important}.primary,.login-button,.clerk-primary{min-height:44px;box-shadow:none;padding:11px 18px;font-weight:500;background:var(--tesla-blue)!important;color:var(--tesla-white)!important;border:3px solid #0000!important;border-radius:4px!important;font-size:14px!important}.primary:hover,.login-button:hover,.clerk-primary:hover{background:var(--tesla-blue-hover)!important}.primary:focus-visible,.login-button:focus-visible,.clerk-primary:focus-visible{outline:2px solid var(--tesla-blue);border-color:var(--tesla-white)!important}.secondary,.clerk-secondary,.settings-actions .secondary{min-height:44px;box-shadow:none;padding:11px 16px;font-weight:500;border:1px solid var(--tesla-pale)!important;background:var(--tesla-white)!important;color:var(--tesla-graphite)!important;border-radius:4px!important;font-size:14px!important}.secondary:hover,.clerk-secondary:hover{border-color:var(--tesla-carbon)!important;background:var(--tesla-white)!important;color:var(--tesla-carbon)!important}input,select,textarea,.lesson-meta-grid input,.lesson-meta-grid select,.question-editor input,.question-editor textarea,.profile-editor-fields select,.activity-reflection textarea{border:1px solid var(--tesla-pale);background:var(--tesla-white);min-height:44px;box-shadow:none;border-radius:4px;color:var(--tesla-carbon)!important;font-size:15px!important}input:focus,select:focus,textarea:focus,.profile-editor-fields select:focus{border-color:var(--tesla-blue);box-shadow:none;outline:2px solid #3e6ae126}input::placeholder,textarea::placeholder{color:var(--tesla-silver)}label,.lesson-meta-grid label,.class-results-filters label,.matching-filters label,.activity-reflection{font-weight:500;color:var(--tesla-graphite)!important;font-size:14px!important}.lesson-form-card,.settings-card,.student-question-card,.activity-result-card,.dashboard-heatmap-card,.dashboard-difficult-card,.dashboard-pairs-card,.matching-card,.class-results-table-card{padding:28px}.lesson-summary,.settings-tip{background:var(--tesla-carbon);color:var(--tesla-white)}.lesson-summary h3,.lesson-summary h4,.lesson-summary b,.settings-tip h3,.settings-tip b{color:var(--tesla-white)}.lesson-summary p,.lesson-summary span,.lesson-summary small,.settings-tip p,.settings-tip span{color:#d0d1d2}.lesson-choice{background:var(--tesla-white);min-height:104px;box-shadow:none;border:0;border-radius:4px}.lesson-choice:hover,.lesson-choice.selected{box-shadow:none;background:#e9e9e9;border:0}.lesson-choice span,.lesson-choice i{color:var(--tesla-blue)!important}.lesson-choice i{background:var(--tesla-ash);border-radius:4px}.student-class-badge,.activity-results-hero>span:not(.comic-cue){background:var(--tesla-ash);color:var(--tesla-graphite)}.student-class-badge b,.activity-results-hero>span:not(.comic-cue) b{color:var(--tesla-carbon)}.student-pairing-card{background:var(--tesla-carbon);color:var(--tesla-white);background-image:none;border:0;border-radius:4px}.student-pairing-head{border-bottom-color:#5c5e62}.student-pairing-head span,.student-pair-people small,.student-pair-tasks span,.student-pairing-waiting span{color:#d0d1d2}.student-pairing-head>b,.student-pair-tasks b,.student-pair-people i,.student-pair-people>div:last-child i{color:var(--tesla-white);background:#393c41;border-radius:4px}.student-pair-tasks>div{background:0 0;border:1px solid #5c5e62;border-radius:4px}.student-question-item,.activity-question-list article{background:var(--tesla-white);border:0;border-radius:4px}.student-question-number,.activity-question-list article>span,.question-index,.roster-number{background:var(--tesla-ash);color:var(--tesla-carbon);border-radius:4px}.student-question-copy h3,.activity-question-list h3{color:var(--tesla-carbon)}.student-question-copy p,.activity-question-list small,.student-question-head p,.activity-result-head p{font-weight:400;color:var(--tesla-pewter)!important}.answer-toggle button,.activity-question-list button,.problem-pill{border:1px solid var(--tesla-pale);background:var(--tesla-white);min-height:44px;color:var(--tesla-graphite);border-radius:4px;font-weight:500}.answer-solved.selected,.answer-unsolved.selected,.post-solved.selected,.post-unsolved.selected,.problem-pill.selected{border-color:var(--tesla-blue)!important;background:var(--tesla-blue)!important;color:var(--tesla-white)!important}.student-progress b,.activity-result-head>div:last-child b,.student-answer-footer>span b,.activity-result-footer>span b{color:var(--tesla-blue)}.activity-partner-chip{background:var(--tesla-ash);color:var(--tesla-carbon);border:0;border-radius:4px}.activity-partner-chip span,.activity-partner-chip b{color:var(--tesla-carbon)}.stat-card,.dashboard-stat-grid>.panel,.class-results-stats>.panel,.matching-stats>.panel{background:var(--tesla-ash);transform:none}.ring,.dashboard-stat-grid article>i{border-radius:50%;background:var(--tesla-white)!important;color:var(--tesla-blue)!important}.dashboard-heatmap-table th,.class-results-table th{background:var(--tesla-white);color:var(--tesla-graphite);background-image:none}.dashboard-heatmap-table td,.class-results-table td{border-color:var(--tesla-cloud)}.dashboard-heatmap-table td i,.result-mark,.submission{border-radius:4px}.dashboard-heatmap-table i.solved,.dashboard-heatmap-table i.unsolved,.result-mark.solved,.result-mark.unsolved,.submission.done{background:var(--tesla-white);color:var(--tesla-blue)}.dashboard-heatmap-table i.unanswered,.result-mark.unanswered,.submission.waiting{color:var(--tesla-pewter);background:#e5e5e5}.tutorial-step{background:var(--tesla-ash);min-height:240px;overflow:hidden}.tutorial-step:before,.tutorial-scene,.tutorial-action,.tutorial-step .paper-caption{display:none}.tutorial-copy{padding:32px}.tutorial-copy p{color:var(--tesla-graphite);font-size:15px}.guide-tip-panel>div{background:var(--tesla-carbon);background-image:none}.dashboard-card-empty,.student-empty,.activity-results-empty,.matching-empty,.class-results-empty,.dashboard-empty{background:var(--tesla-ash);background-image:none}.dashboard-card-empty:before,.student-empty:before,.activity-results-empty:before,.matching-empty:before,.class-results-empty:before,.dashboard-empty:before{background:var(--tesla-white);color:var(--tesla-blue);box-shadow:none;border:0}.save-message.success,.save-message.error,.database-sync-warning,.profile-editor-error{background:var(--tesla-ash);color:var(--tesla-graphite);border:0;border-radius:4px}.login-page{background:var(--tesla-white);background-image:none;padding:72px 32px 40px}.login-mark{color:var(--tesla-carbon)}.login-card{background:var(--tesla-white);grid-template-columns:1fr 1fr;width:min(1040px,100%);min-height:600px;overflow:hidden}.login-intro{background:var(--tesla-ash);background-image:none;border:0;min-height:600px;padding:72px 60px}.login-intro h1{max-width:520px;color:var(--tesla-carbon);font-size:40px;font-weight:500;line-height:1.2}.login-intro h1 em{color:var(--tesla-carbon);background:0 0}.login-intro p:not(.overline){color:var(--tesla-graphite);font-size:16px}.login-form{background:var(--tesla-white);padding:72px 60px}.login-form h2{color:var(--tesla-carbon);font-size:30px}.role-tabs{background:var(--tesla-ash);border:0;border-radius:4px;padding:3px}.role-tabs button{color:var(--tesla-pewter);border-radius:4px}.role-tabs button.selected{background:var(--tesla-white);color:var(--tesla-carbon)}.account-chip{color:var(--tesla-pewter)}.profile-editor-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#171a20ad}.profile-editor-dialog{background:var(--tesla-white);background-image:none;padding:32px}.profile-editor-close{background:var(--tesla-ash);color:var(--tesla-carbon);border:0;border-radius:4px}.profile-editor-avatar{background:var(--tesla-ash);color:var(--tesla-carbon);box-shadow:none;border:0;border-radius:4px}.profile-editor-description{color:var(--tesla-graphite)}@media (max-width:900px){.sidebar{width:220px}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{padding:44px 28px 32px}}@media (max-width:650px){body{font-size:15px}.sidebar{border-bottom:1px solid var(--tesla-cloud);box-shadow:none;padding:12px 14px}.logo{font-size:23px}.side-link{background:var(--tesla-ash);border:0}.topbar{background:#ffffffe6;border:0;height:60px;min-height:60px}.notification-dropdown{border:1px solid var(--tesla-cloud);top:64px}.settings-hero,.dashboard-hero,.student-lessons-hero,.activity-results-hero,.guide-hero{margin-bottom:20px;padding:36px 18px 24px}.settings-hero h1,.dashboard-hero h1,.student-lessons-hero h1,.activity-results-hero h1,.guide-hero h1{font-size:30px;line-height:1.25}.panel,.stat-card,.match-card,.lesson-summary,.settings-tip{box-shadow:none;border-radius:4px}.lesson-form-card,.settings-card,.student-question-card,.activity-result-card,.dashboard-heatmap-card,.dashboard-difficult-card,.dashboard-pairs-card,.matching-card,.class-results-table-card{padding:20px}.login-page{padding:66px 14px 24px}.login-card{grid-template-columns:1fr;min-height:auto}.login-intro{border-bottom:0;min-height:auto;padding:44px 24px}.login-intro h1{font-size:32px}.login-form{padding:40px 24px}.profile-editor-dialog{padding:28px 20px 20px}}