.classroom-mode{background:#ede7ee;overflow:hidden}.classroom-mode .sidebar,.classroom-mode .topbar,.classroom-mode .workspace>footer{display:none}.classroom-mode .workspace{margin-left:0;width:100%;min-height:100dvh}.classroom-mode #main{padding:0;max-width:none;width:100%;margin:0}.classroom-mode #live-classroom{height:100dvh;display:flex;flex-direction:column;color:var(--ink,#302830)}.class-header{background:#3b233c;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex:none}.class-header small{display:block;font-size:.8rem;color:#e2d5e2;margin-top:5px}.class-live{font-size:.95rem;font-weight:750;letter-spacing:.08em;display:inline-flex;gap:8px;align-items:center}.live-dot{font-size:.78rem;animation:class-pulse 1.6s ease-in-out infinite}.class-room-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.class-header .secondary-button{background:#fff;color:#472f45;border-color:#fff}.class-header .danger-button{background:#a53853}.class-code{font-family:monospace;font-size:1rem;letter-spacing:.1em}.class-follow-label{font-size:.9rem}.class-layout{display:grid;flex:1;min-height:0;gap:18px;padding:18px}.teacher-class{grid-template-columns:minmax(0,1fr) minmax(340px,38%)}.student-class{grid-template-columns:minmax(0,1fr);max-width:1120px;width:100%;margin:auto}.class-workspace{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #d8ccd9;border-radius:14px;overflow:hidden;background:#fff}.class-toolbar{background:#faf7fb;flex:none;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-bottom:1px solid #e4dce5}.class-toolbar label{display:flex;flex:1;align-items:center;gap:12px;min-width:0;font-size:.875rem;font-weight:650}.class-toolbar select{width:100%;min-width:0;font:inherit;color:inherit;padding:10px;border:1px solid #d3c4d3;border-radius:8px;background:white}.class-toolbar p{margin:5px 0 0;font-size:.9rem}.class-highlight-tools{display:flex;gap:12px}.class-toolbar .live-connection{width:100%;font-size:.8rem}.class-content{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none}.class-content #lesson{border:none;box-shadow:none;border-radius:0;margin:0}.class-content .lesson-titlebar{padding:20px 24px}.class-content .lesson-body{padding:24px}.class-content .tabs{overflow-x:auto;flex-wrap:wrap}.class-content .tab{padding:14px 12px}.class-content .tabs .tab:disabled{opacity:.55;cursor:default}.class-content .tabs .tab[aria-selected=true]{opacity:1}.class-students{background:#faf7fb;border:1px solid #d8ccd9;border-radius:14px;padding:18px;min-width:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none}.class-panel-heading h2{font-size:1.2rem;margin:0 0 6px}.class-panel-heading p{font-size:.9rem;line-height:1.5;margin:0 0 20px;color:#756773}.class-students .participant-live{margin-top:16px;padding:16px}.class-students .live-answers{max-height:none;overflow:visible;overscroll-behavior:auto}.class-students h3{font-size:1.1rem;margin:0}.class-students .live-location{margin:8px 0}.class-students .teacher-key{font-size:.9rem;padding:10px}.live-review-form{display:grid;gap:10px;background:#f7f1f7;border:1px solid #e4d6e3;border-radius:10px;padding:12px;margin:14px 0 0}.live-review-form label,.class-note-editor label{display:grid;gap:6px;font-size:.9rem;font-weight:600}.live-review-form select,.live-review-form textarea,.class-note-editor textarea{font:inherit;width:100%;min-width:0;padding:10px;border:1px solid #cab7c9;border-radius:7px;background:#fff;color:#302830;resize:vertical}.live-review-form .secondary-button{width:100%;font-size:.9rem}.live-review-form .form-status{margin:0;font-size:.875rem;line-height:1.5}.sent-review{font-size:.875rem;color:#5b4257;line-height:1.6}.sent-review:empty{display:none}.student-live-feedback{border-left:3px solid #725069;background:#f3eaf4;padding:15px 18px;border-radius:0 8px 8px 0;margin-top:16px;overflow-wrap:anywhere}.student-live-feedback p{margin:8px 0 0;white-space:pre-wrap}.class-note-editor{border:1px solid #d8ccd9;padding:12px;border-radius:10px}.class-note-editor summary{cursor:pointer;font-size:.925rem;font-weight:600}.class-note-editor form{display:grid;gap:10px;margin-top:12px}.class-ended{background:#f0e8f2;border:1px solid #d7c4da;border-radius:14px;padding:24px;margin-bottom:24px}.class-ended h2{margin-top:0}.class-shared-note{margin:0;padding:12px 18px;background:#f5eef6;white-space:pre-wrap;overflow-wrap:anywhere}#class-shared-message blockquote{margin:0;padding:12px 18px;border-left:4px solid #805570;background:#f2e8f4;overflow-wrap:anywhere}.class-empty{line-height:1.7;color:#736272}.class-students .submitted-answer{font-size:1rem;line-height:1.65}@keyframes class-pulse{0%,100%{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}@media(max-width:1000px){.teacher-class{grid-template-columns:minmax(0,1fr) minmax(300px,40%)}.class-layout{gap:10px;padding:10px}.class-content .lesson-body{padding:18px}.class-header{padding:12px 16px}.class-highlight-tools{width:100%}}@media(max-width:760px){.classroom-mode{overflow:auto}.classroom-mode #live-classroom{height:auto;min-height:100dvh}.class-header{position:sticky;top:0;z-index:20;flex-wrap:wrap}.class-header small{font-size:.75rem}.class-room-actions{gap:8px}.class-room-actions button{padding:10px;font-size:.85rem}.teacher-class{grid-template-columns:1fr}.class-layout{flex:none}.class-content{height:62dvh;flex:none}.student-class .class-content{height:72dvh}.class-students{max-height:65dvh}.class-toolbar{padding:12px}.class-content .lesson-titlebar{padding:16px}.class-content .lesson-body{padding:16px}.class-toolbar .live-connection{font-size:.8rem}}

/* Student responses lead; color is reserved for compact verdict tags. */
.class-students{background:#f6f6f5;border-color:#d8d8d6;color:#242424}
.class-students .participant-live{background:#fff;border-color:#d8d8d6;padding:16px}
.class-students .live-member-heading h3{font-size:1.15rem;font-weight:750;color:#242424;line-height:1.4}
.class-students .live-location{font-size:.8rem;color:#686868;margin:4px 0 10px}
.class-students .live-answer{border-color:#e3e3e1;margin-top:12px;padding-top:12px}
.class-students .live-answer h4{font-size:.85rem;font-weight:500;color:#595959;line-height:1.5;margin:0 0 8px}
.class-students .submitted-answer{font-size:1.3rem;font-weight:750;line-height:1.55;color:#202020!important;background:#f1f1ef;border:1px solid #e3e3df;padding:14px;margin:8px 0 10px;border-radius:8px}
.class-students .live-grade{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;color:#666}
.class-students .live-grade small,.class-students .live-draft-label{font-size:.75rem}
.live-status-tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;line-height:1.5;font-weight:650;border-radius:5px;padding:3px 7px}
.live-status-tag.status-correct{background:#e8f2eb;color:#235334}
.live-status-tag.status-partial{background:#fff4d7;color:#795808}
.live-status-tag.status-retry{background:#f9eaea;color:#8a3030}
.class-students .teacher-key{margin:10px 0;padding:8px 0;background:transparent;border:0;border-radius:0;font-size:.8rem;color:#666;line-height:1.5}
.class-students .teacher-key strong{font-weight:500;color:#666}
.class-students .teacher-key p{margin:4px 0 0;font-size:.75rem}
.class-students .teacher-key b{font-weight:500}
.class-students .sent-review{font-size:.8rem;color:#555;margin:8px 0}
.class-students .live-review-details{margin-top:10px;border-top:1px solid #e5e5e2;padding-top:10px}
.class-students .live-review-details summary{font-size:.8rem;color:#4d4d4d;cursor:pointer;line-height:1.5}
.class-students .live-review-form{background:#fafaf9;border-color:#dededb;margin-top:10px;padding:10px}
.class-students .live-review-form select,.class-students .live-review-form textarea{border-color:#ccc;color:#242424}
.class-students .live-review-form .secondary-button{background:#fff;border-color:#ccc;color:#333}
.class-students .class-note-editor{border-color:#d8d8d6;background:#fff}
.class-students .class-note-editor textarea{border-color:#ccc;color:#242424}
.class-students .class-note-editor .secondary-button{background:#fff;border-color:#ccc;color:#333}
.class-students .class-panel-heading p,.class-students .class-empty{color:#686868}
.lesson-finished-notice{margin:20px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#f6f5f3;color:#302830;font-size:1rem;font-weight:650;line-height:1.5}