@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap";:root{--classroom-navy-950:#002c43;--classroom-navy-800:#003a58;--classroom-navy-700:#0a5f86;--classroom-blue-50:#eef4f9;--classroom-blue-100:#dcebf5;--classroom-blue-200:#c7deec;--classroom-sky-50:#f5fbff;--classroom-sky-200:#bae6fd;--classroom-sky-300:#7dd3fc;--classroom-sky-500:#0ea5e9;--classroom-cobalt-600:#2563eb;--classroom-indigo-500:#6366f1;--classroom-white:#fff;--classroom-ink:#14232e;--classroom-muted:#5b6b76;--classroom-line:#dfe8ee;--classroom-gold:#fec30c;--classroom-gold-soft:#fff3ce;--classroom-green:#16734b;--classroom-green-border:#e9f7ef;--classroom-green-soft:#e9f7ef;--classroom-amber:#a86600;--classroom-amber-soft:#fff5dc;--classroom-red:#b63535;--classroom-red-soft:#fff0ee;--ui-canvas:var(--classroom-blue-50);--ui-surface:var(--classroom-white);--ui-surface-muted:#f7fafc;--ui-text:var(--classroom-ink);--ui-text-muted:var(--classroom-muted);--ui-border:var(--classroom-line);--ui-positive-border:var(--classroom-green-border);--ui-primary:var(--classroom-navy-800);--ui-primary-hover:var(--classroom-navy-950);--ui-primary-soft:#eaf3f9;--ui-login-canvas:var(--classroom-sky-50);--ui-login-accent:var(--classroom-cobalt-600);--ui-login-accent-alt:var(--classroom-indigo-500);--ui-login-accent-sky:var(--classroom-sky-500);--ui-login-accent-soft:var(--classroom-sky-200);--ui-stage:#102330;--ui-focus:var(--classroom-gold);--ui-radius-sm:10px;--ui-radius-md:14px;--ui-radius-lg:18px;--ui-radius-pill:999px;--ui-shadow-sm:0 1px 2px #003a580f, 0 1px 3px #003a581a;--ui-shadow-md:0 10px 28px #00283e24;--ui-shadow-lg:0 24px 60px #00283e2e;--ui-motion-fast:.16s;color:var(--ui-text);background:var(--ui-canvas);font-synthesis:none;font-family:Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ui-canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.62}.classroom-action-icon,.classroom-external-icon,.classroom-session-account-chevron,.classroom-session-status-chevron,.classroom-stage-icon,.classroom-stage-zoom-icon,.classroom-roster-icon,.classroom-header-annotation-icon,.classroom-annotation-style-icon,.classroom-side-panel-toggle-icon,.classroom-side-panel-close>span,.classroom-side-panel-action-icon,.classroom-workspace-action-icon,.classroom-workspace-own-icon,.classroom-confirmation-icon{-webkit-mask-image:var(--classroom-icon-mask);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--classroom-icon-mask);mask-image:var(--classroom-icon-mask);background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.classroom-icon--pointer{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4 11.07 21 13.58 13.61 21 11.07Z'/%3E%3C/svg%3E")}.classroom-icon--highlighter{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 11-6 6v3h9l3-3M22 12l-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4'/%3E%3C/svg%3E")}.classroom-icon--eraser{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m3 16 10-12 8 7-8 9H7zM8 20h13'/%3E%3C/svg%3E")}.classroom-icon--circle{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}.classroom-icon--arrow{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20 20 4M11 4h9v9'/%3E%3C/svg%3E")}.classroom-icon--more{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E")}.classroom-icon--text{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 5h18M12 5v15M8 20h8'/%3E%3C/svg%3E")}.classroom-icon--shape{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3C/svg%3E")}.classroom-icon--fill{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 9 10-9 10-9-10 9-10Zm0 4L7 12l5 6 5-6-5-6Z'/%3E%3C/svg%3E")}.classroom-icon--transparency{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='3'/%3E%3Cpath fill='black' stroke='none' d='M5 5h7v7H5zm7 7h7v7h-7z'/%3E%3C/svg%3E")}.classroom-icon--undo{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E")}.classroom-icon--trash{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6m4-6v6'/%3E%3C/svg%3E")}.classroom-icon--width-thin{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E")}.classroom-icon--width-thick{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E")}.classroom-icon--no-fill{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.5 18.5 18.5 5.5'/%3E%3C/svg%3E")}.classroom-icon--close{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 5 19 19M19 5 5 19'/%3E%3C/svg%3E")}.classroom-icon--check{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12 5 5L20 6'/%3E%3C/svg%3E")}.classroom-icon--size-small,.classroom-icon--size-medium,.classroom-icon--size-large{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20 10 4h4l6 16M6.5 14h11'/%3E%3C/svg%3E")}.classroom-icon--bold{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8a4.5 4.5 0 0 1 0 9H6zm0 9h9a4.5 4.5 0 0 1 0 9H6z'/%3E%3C/svg%3E")}.classroom-icon--align-left{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18M3 10h12M3 15h18M3 20h12'/%3E%3C/svg%3E")}.classroom-icon--align-center{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18M6 10h12M3 15h18M6 20h12'/%3E%3C/svg%3E")}.classroom-icon--align-right{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18M9 10h12M3 15h18M9 20h12'/%3E%3C/svg%3E")}.classroom-icon--chevron{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}.classroom-icon--external{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2h5v5M14 2 7.5 8.5M13 9v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4'/%3E%3C/svg%3E")}.classroom-icon--switch{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3.5' width='18' height='16' rx='2'/%3E%3Cpath d='M7.5 9h9m-2.5-2.5L16.5 9 14 11.5M16.5 14h-9m2.5-2.5L7.5 14l2.5 2.5'/%3E%3C/svg%3E")}.classroom-icon--stop{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3.5' width='18' height='16' rx='2'/%3E%3Crect x='9' y='8.5' width='6' height='6' rx='1'/%3E%3Cpath d='M9 22h6m-3-2.5V22'/%3E%3C/svg%3E")}.classroom-icon--end{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 3v9M7.5 5.5a8.5 8.5 0 1 0 9 0'/%3E%3C/svg%3E")}.classroom-icon--leave{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4h5a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-5M4 12h11m-4-4 4 4-4 4'/%3E%3C/svg%3E")}.classroom-icon--network{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='18' cy='6' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3Cpath d='m7 11 9-4m-9 6 9 4'/%3E%3C/svg%3E")}.classroom-icon--settings{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h3m4 0h9M4 12h9m4 0h3M4 17h5m4 0h7'/%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='11' cy='17' r='2'/%3E%3C/svg%3E")}.classroom-icon--screen{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='13' width='44' height='31' rx='4'/%3E%3Cpath d='M24 52h16M32 44v8'/%3E%3C/svg%3E")}.classroom-icon--activity-prompt{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='13' width='44' height='31' rx='4'/%3E%3Cpath d='M24 52h16M32 44v8'/%3E%3Cpath d='M26.5 24a5.5 5.5 0 1 1 8 4.9C32.9 29.8 32 31 32 33v1' stroke-width='3'/%3E%3Ccircle cx='32' cy='38' r='1.5' fill='black' stroke='none'/%3E%3C/svg%3E")}.classroom-icon--screen-share{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='12' width='44' height='32' rx='4'/%3E%3Cpath d='M25 52h14M32 44v8M32 34V20m-6 6 6-6 6 6'/%3E%3C/svg%3E")}.classroom-icon--students{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19v-2a5.5 5.5 0 0 1 11 0v2M17 8a3 3 0 0 1 0 6m2 5v-2a5 5 0 0 0-2.5-4.3'/%3E%3C/svg%3E")}.classroom-icon--pen{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 19 3.2-.7L18.5 8a2.5 2.5 0 0 0-3.5-3.5L4.7 14.8 4 18.9 5 19Z'/%3E%3Cpath d='m13.5 5.5 3.5 3.5M4 20h16'/%3E%3C/svg%3E")}.classroom-icon--play{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 5 10 7-10 7V5Z'/%3E%3C/svg%3E")}.classroom-icon--activity-start{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V3.5M5 4.5h13L16 9l2 4.5H5'/%3E%3C/svg%3E")}.classroom-icon--activity-end{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V3.5M5 4.5h13L16 9l2 4.5H5'/%3E%3Cpath fill='black' stroke='none' d='M6 5.4h3v2.4H6zM12 5.4h3v2.4h-3zM9 7.8h3v2.4H9zM15 7.8h1.5L16 9l.5 1.2H15zM6 10.2h3v2.4H6zM12 10.2h3v2.4h-3z'/%3E%3C/svg%3E")}.classroom-icon--loading{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='8' pathLength='100' stroke-dasharray='70 30'/%3E%3C/svg%3E")}.classroom-icon--side-panel-collapsed{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-linecap='round'%3E%3Crect x='.75' y='.75' width='18.5' height='18.5' rx='2.5'/%3E%3Cpath d='M17.25 3v14'/%3E%3C/svg%3E")}.classroom-icon--side-panel-expanded{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3 0h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3Zm0 1.5c-.83 0-1.5.67-1.5 1.5v14c0 .83.67 1.5 1.5 1.5h8a2.75 2.75 0 0 0 2.75-2.75V4.25A2.75 2.75 0 0 0 11 1.5H3Zm12.25 2.75A4.2 4.2 0 0 0 14.2 1.5H17c.83 0 1.5.67 1.5 1.5v14c0 .83-.67 1.5-1.5 1.5h-2.8a4.2 4.2 0 0 0 1.05-2.75V4.25Z'/%3E%3C/svg%3E")}.classroom-icon--zoom-out{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}.classroom-icon--zoom-in{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}.classroom-icon--whiteboard{--classroom-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='12' width='44' height='32' rx='2'/%3E%3Cpath d='M8 44h48M20 44l-6 10m30-10 6 10M32 12V8M18 24l7-5 8 11 12-9M18 36h16'/%3E%3C/svg%3E")}.classroom-shell{min-height:100vh}.classroom-header{z-index:20;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-surface) 94%, transparent);min-height:68px;box-shadow:var(--ui-shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.classroom-header .classroom-button{border:0}.classroom-brand{color:var(--ui-text);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.classroom-brand-mark{background:linear-gradient(135deg, var(--ui-primary), var(--classroom-navy-700));width:39px;height:39px;box-shadow:var(--ui-shadow-sm);color:#fff;border-radius:12px;place-items:center;font-size:23px;font-weight:800;display:grid}.classroom-brand-copy{line-height:1.18;display:grid}.classroom-brand-name{letter-spacing:-.2px;font-size:16px;font-weight:800}.classroom-brand-role{color:var(--ui-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.classroom-header-utility{margin-left:auto}.classroom-account{margin-left:auto;position:relative}.classroom-header-utility+.classroom-account{margin-left:0}.classroom-account-trigger{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ui-text);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.classroom-account-trigger:hover .classroom-avatar,.classroom-account-trigger[aria-expanded=true] .classroom-avatar{background:var(--classroom-blue-100)}.classroom-account-trigger .classroom-account-name,.classroom-account-trigger .classroom-chevron{display:none}.classroom-avatar{aspect-ratio:1;background:var(--ui-primary-soft);width:42px;height:42px;color:var(--ui-primary);border-radius:50%;flex:0 0 32px;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.classroom-account-menu{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);width:min(286px,100vw - 32px);box-shadow:var(--ui-shadow-md);padding:8px;position:absolute;top:calc(100% + 9px);right:0}.classroom-account-summary{border-bottom:1px solid var(--ui-border);align-items:center;gap:2px;padding:10px 11px 13px;display:flex}.classroom-account-summary--with-avatar{border-bottom:0;gap:10px}.classroom-account-summary--with-avatar .classroom-avatar{flex-basis:42px}.classroom-account-summary-copy{gap:2px;min-width:0;display:grid}.classroom-account-summary-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.classroom-account-summary-copy span{color:var(--ui-text-muted);font-size:12px}.classroom-menu-item,.classroom-menu-link{border-radius:var(--ui-radius-sm);width:100%;color:var(--ui-text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:5px;padding:10px 11px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.classroom-menu-item:hover:not(:disabled):not([aria-disabled=true]),.classroom-menu-link:hover{background:var(--ui-surface-muted)}.classroom-menu-item:disabled,.classroom-menu-item[aria-disabled=true]{color:var(--ui-text-muted);opacity:1}.classroom-menu-item small{color:var(--ui-text-muted);font-size:11px;font-weight:600}.classroom-menu-item--danger{color:var(--classroom-red)}.classroom-account-action{align-items:center;gap:10px;min-width:0;display:inline-flex}.classroom-account-action span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classroom-external-icon{width:15px;height:15px}.classroom-session-status-dot[data-state=failure]{background:#b91c1c}.classroom-session-status-dot[data-state=progress]{background:var(--classroom-green);animation:2.4s ease-in-out infinite classroom-feedback-pulse}.classroom-session-status-dot[data-state=success]{background:#15803d}@keyframes classroom-feedback-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.classroom-session-status-dot[data-state=progress]{animation:none}}.classroom-page{width:min(1120px,100%);margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,40px) 52px}.classroom-page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.classroom-page h1,.classroom-page h2,.classroom-page h3{color:var(--ui-text)}.classroom-page h1{letter-spacing:-1.1px;margin:0;font-size:clamp(28px,4vw,38px);line-height:1.14}.classroom-page h2{letter-spacing:-.65px;margin:0;font-size:clamp(22px,3vw,28px);line-height:1.25}.classroom-page h3{margin:0;font-size:16px}.classroom-page p{color:var(--ui-text-muted)}.classroom-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);padding:clamp(20px,3vw,30px)}.classroom-stack{gap:18px;display:grid}.classroom-field{color:var(--ui-text);gap:7px;font-size:13px;font-weight:700;display:grid}.classroom-field input,.classroom-field select{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);width:100%;min-height:45px;color:var(--ui-text);padding:10px 12px}.classroom-field input:hover,.classroom-field select:hover{border-color:var(--classroom-blue-200)}.classroom-choice-group{border:0;gap:9px;margin:0;padding:0;display:grid}.classroom-choice-group legend{color:var(--ui-text);padding:0;font-size:13px;font-weight:800}.classroom-choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.classroom-choice-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:82px;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.classroom-choice-card:hover{border-color:var(--classroom-blue-200);background:var(--ui-surface-muted)}.classroom-choice-card.is-selected{border-color:var(--ui-primary);background:var(--ui-primary-soft);box-shadow:inset 0 0 0 1px var(--ui-primary)}.classroom-choice-card.is-unavailable{cursor:not-allowed;opacity:.55}.classroom-choice-card input{width:100%;height:100%;cursor:inherit;opacity:0;margin:0;position:absolute;inset:0}.classroom-choice-card:has(input:focus-visible){outline:3px solid var(--ui-focus);outline-offset:3px}.classroom-choice-copy{gap:2px;min-width:0;display:grid}.classroom-choice-copy strong{color:var(--ui-text);font-size:14px}.classroom-choice-copy span{color:var(--ui-text-muted);font-size:12px}.classroom-choice-indicator{border:1.5px solid var(--classroom-blue-200);background:var(--ui-surface);border-radius:50%;flex:0 0 18px;width:18px;height:18px}.classroom-choice-card.is-selected .classroom-choice-indicator{border:5px solid var(--ui-primary)}.classroom-start-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,.9fr);align-items:start;gap:20px;display:grid}.classroom-roster-preview{border:1px solid var(--classroom-blue-200);border-radius:var(--ui-radius-md);background:var(--ui-primary-soft);gap:15px;padding:18px;display:grid}.classroom-roster-preview h3{margin:0;font-size:16px}.classroom-roster-preview p{color:var(--ui-text-muted);margin:5px 0 0;font-size:12px}.classroom-roster-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.classroom-roster-list li{color:var(--ui-text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.classroom-roster-avatar{background:var(--ui-surface);width:24px;height:24px;color:var(--ui-primary);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.classroom-roster-more summary{cursor:pointer;color:var(--ui-primary);font-size:12px;font-weight:800}.classroom-roster-more .classroom-roster-list{margin-top:10px}.classroom-button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);min-height:43px;color:var(--ui-text);justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.classroom-button:hover:not(:disabled){border-color:var(--classroom-blue-200);background:var(--ui-surface-muted)}.classroom-button--primary{border-color:var(--ui-primary);background:var(--ui-primary);color:var(--ui-surface)}.classroom-button--primary:hover:not(:disabled){border-color:var(--ui-primary-hover);background:var(--ui-primary-hover)}.classroom-button--danger{color:var(--classroom-red)}.classroom-status{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-muted);color:var(--ui-text-muted);margin:0;padding:10px 12px;font-size:13px}.classroom-status[role=alert]{background:var(--classroom-red-soft);color:var(--classroom-red);border-color:#f1c3bd}.classroom-empty{border:1px dashed var(--classroom-blue-200);border-radius:var(--ui-radius-md);background:var(--ui-surface-muted);min-height:180px;color:var(--ui-text-muted);text-align:center;place-items:center;padding:28px;display:grid}.classroom-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.classroom-session-row{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.classroom-session-row strong{color:var(--ui-text);font-size:14px;display:block}.classroom-session-row span{color:var(--ui-text-muted);font-size:13px}.classroom-session-actions{flex-wrap:wrap;gap:8px;display:flex}.classroom-student-home{flex-direction:column;min-height:100dvh;display:flex}.classroom-student-home-status{text-align:center;flex:1;place-content:center;padding:24px 16px;display:grid}.classroom-student-home-status p{margin:0}.classroom-media{padding-top:2px}.classroom-annotation-live-status{z-index:2;background:var(--ui-stage);color:#c8d8e1;text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.classroom-media h3{margin-bottom:8px}.classroom-media-status{min-height:22px;color:var(--ui-text-muted);margin:0;font-size:13px}.classroom-media-surface{aspect-ratio:16/9;border:1px solid var(--ui-stage);border-radius:var(--ui-radius-md);background:var(--ui-stage);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.classroom-media-surface:after{content:"Waiting for shared screen";color:#c8d8e1;font-size:13px;font-weight:700}.classroom-media-surface--preview:after{content:"Your shared screen preview"}.classroom-media-surface video{z-index:1;object-fit:contain;background:#102330;width:100%;height:100%;position:absolute}.classroom-media-surface--preview video{top:50%;left:50%;transform:translate(-50%,-50%)}.classroom-student-screen .classroom-student-video{object-fit:fill;top:50%;left:50%;transform:translate(-50%,-50%)}.classroom-student-video--zoomed{cursor:grab;touch-action:none}.classroom-student-video--zoomed:active{cursor:grabbing}.classroom-stage-zoom{z-index:6;box-shadow:var(--ui-shadow-md);background:#0a1b27e0;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px}@media (hover:hover){.classroom-stage-zoom{opacity:0;pointer-events:none;transition:opacity .12s}.classroom-media-surface:hover>.classroom-stage-zoom,.classroom-media-surface:focus-within>.classroom-stage-zoom{opacity:1;pointer-events:auto}}.classroom-stage-zoom button{color:#fff;background:0 0;border:0;border-radius:8px;place-items:center;min-width:40px;min-height:40px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:relative}.classroom-stage-zoom .classroom-header-annotation-tooltip{top:auto;bottom:calc(100% + 8px)}.classroom-stage-zoom button:last-of-type .classroom-header-annotation-tooltip{left:auto;right:0;transform:translateY(-2px)}.classroom-stage-zoom button:hover .classroom-header-annotation-tooltip,.classroom-stage-zoom button:focus-visible .classroom-header-annotation-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.classroom-stage-zoom button:last-of-type:hover .classroom-header-annotation-tooltip,.classroom-stage-zoom button:last-of-type:focus-visible .classroom-header-annotation-tooltip{transform:translate(0)}.classroom-stage-zoom button:hover:not(:disabled){background:#ffffff26}.classroom-stage-zoom button:disabled{color:#9fb0bc;opacity:1}.classroom-stage-zoom-icon{width:18px;height:18px}.classroom-stage-zoom .classroom-stage-zoom-reset{font-variant-numeric:tabular-nums;min-width:52px}.classroom-media-controls{flex-wrap:wrap;gap:8px;min-height:44px;display:flex}.classroom-media-button{min-height:44px}.classroom-annotation-surface{z-index:2;background:#102330;width:100%;height:100%;position:absolute;inset:0}.classroom-annotation-surface--editable{touch-action:none}.classroom-annotation-surface--tool-pointer{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 4 11.07 21 13.58 13.61 21 11.07Z' fill='%23003a58' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 4 4,default}.classroom-annotation-surface--tool-pen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z' stroke='white' stroke-width='4'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E") 3 20,crosshair}.classroom-annotation-surface--tool-highlighter{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 11-6 6v3h9l3-3M22 12l-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4' stroke='white' stroke-width='4'/%3E%3Cpath d='m9 11-6 6v3h9l3-3M22 12l-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E") 3 20,crosshair}.classroom-annotation-surface--tool-text{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round'%3E%3Cpath d='M9 3h6M12 3v18M9 21h6' stroke='white' stroke-width='4'/%3E%3Cpath d='M9 3h6M12 3v18M9 21h6' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E") 12 0,text}.classroom-annotation-surface--tool-shape{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2v20M2 12h20' stroke='white' stroke-width='4'/%3E%3Cpath d='M12 2v20M2 12h20' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E") 12 12,crosshair}.classroom-annotation-surface--tool-eraser{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m3 16 10-12 8 7-8 9H7z' stroke='white' stroke-width='4'/%3E%3Cpath d='m3 16 10-12 8 7-8 9H7z' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E") 3 20,crosshair}.classroom-media-surface--panning,.classroom-media-surface--panning video,.classroom-media-surface--panning .classroom-annotation-surface{cursor:grabbing}.classroom-annotation-remote-cursor{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block;position:relative}.classroom-annotation-cursor-avatar{box-sizing:border-box;border:1.5px solid var(--classroom-green);width:97.5%;height:97.5%;color:var(--classroom-navy,#003a58);background:#fff;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:75%;left:75%}.classroom-annotation-remote-cursor--pointer{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 4 11.07 21 13.58 13.61 21 11.07Z' fill='%23003a58' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E")}.classroom-annotation-remote-cursor--pen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z' stroke='white' stroke-width='4'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E")}.classroom-annotation-remote-cursor--highlighter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 11-6 6v3h9l3-3M22 12l-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4' stroke='white' stroke-width='4'/%3E%3Cpath d='m9 11-6 6v3h9l3-3M22 12l-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E")}.classroom-annotation-remote-cursor--text{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-linecap='round'%3E%3Cpath d='M9 3h6M12 3v18M9 21h6' stroke='white' stroke-width='4'/%3E%3Cpath d='M9 3h6M12 3v18M9 21h6' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E")}.classroom-annotation-remote-cursor--shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2v20M2 12h20' stroke='white' stroke-width='4'/%3E%3Cpath d='M12 2v20M2 12h20' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E")}.classroom-annotation-remote-cursor--eraser{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m3 16 10-12 8 7-8 9H7z' stroke='white' stroke-width='4'/%3E%3Cpath d='m3 16 10-12 8 7-8 9H7z' stroke='%23003a58' stroke-width='2'/%3E%3C/svg%3E")}.classroom-annotation-text-mark{white-space:pre;overflow-wrap:normal;width:max-content;height:auto;line-height:1.2;overflow:visible}.classroom-annotation-text-editor{z-index:4;box-sizing:border-box;background:0 0;border:0;padding:0;position:absolute}.classroom-annotation-text-editor textarea{appearance:none;box-sizing:border-box;resize:none;white-space:pre;overflow-wrap:normal;width:100%;min-height:1.2em;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0;display:block;overflow:hidden}.classroom-annotation-text-measure{visibility:hidden;white-space:pre;overflow-wrap:normal;pointer-events:none;width:max-content;position:absolute;top:0;left:-10000px}.classroom-annotation-text-editor-actions{gap:4px;display:flex}.classroom-annotation-text-editor-controls{border:1px solid var(--ui-border);min-width:100%;box-shadow:var(--ui-shadow-md);background:#fff;border-radius:6px;padding:4px;position:absolute;bottom:calc(100% + 4px);left:-1px}.classroom-annotation-text-editor-controls--below{top:calc(100% + 4px);bottom:auto}.classroom-annotation-text-editor-actions button{min-height:32px}.classroom-annotation-surface [data-pending=unknown],.classroom-annotation-surface [data-pending=failed]{filter:drop-shadow(0 0 5px #d97706)}.classroom-annotation-surface [data-pending-kind=delete]{opacity:.25}.classroom-annotation-view{z-index:2;position:absolute;inset:0}.classroom-annotation-viewport{position:absolute;overflow:visible;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.classroom-media-surface[data-zoom-transition=true]>video,.classroom-media-surface[data-zoom-transition=true]>.classroom-annotation-view,.classroom-media-surface[data-zoom-transition=true]>.classroom-annotation-viewport{transition:width .16s ease-out,height .16s ease-out,left .16s ease-out,top .16s ease-out}}.classroom-annotation-settings-anchor{z-index:14;max-width:min(540px,100vw - 24px);position:fixed}.classroom-annotation-object-settings{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-md);color:var(--ui-text);flex-wrap:wrap;align-items:center;gap:5px;min-width:0;margin:0;padding:6px;display:flex}.classroom-annotation-object-settings button{min-height:36px}.classroom-annotation-surface [data-layer=selection] .classroom-annotation-resize-handle--nw,.classroom-annotation-surface [data-layer=selection] .classroom-annotation-resize-handle--se{cursor:nwse-resize}.classroom-annotation-surface [data-layer=selection] .classroom-annotation-resize-handle--ne,.classroom-annotation-surface [data-layer=selection] .classroom-annotation-resize-handle--sw{cursor:nesw-resize}.classroom-annotation-surface [data-layer=selection] [class^=classroom-annotation-arrow-handle]{cursor:grab}.classroom-annotation-surface [data-layer=selection] [class^=classroom-annotation-arrow-handle]:active{cursor:grabbing}.classroom-annotation-surface g[role=button]:focus-visible{outline-offset:2px;outline:3px solid #d97706}.classroom-annotation-surface g[role=button][aria-pressed=true]:focus{outline:none}.classroom-annotation-view--preparing{opacity:0;pointer-events:none}.classroom-media-status-overlay{z-index:8;box-sizing:border-box;border-radius:var(--ui-radius-sm);background:var(--ui-stage);width:max-content;max-width:calc(100% - 16px);min-height:32px;color:var(--classroom-white);pointer-events:none;align-items:center;gap:4px;padding:4px 6px 4px 8px;font-size:13px;line-height:1.25;display:inline-flex;position:absolute;bottom:8px;left:8px}.classroom-media-status-overlay[hidden]{display:none}.classroom-media-status-overlay__message{overflow-wrap:anywhere;pointer-events:auto;scrollbar-width:none;min-width:0;max-width:24rem;max-height:4lh;overflow:auto}.classroom-media-status-overlay__message::-webkit-scrollbar{display:none}.classroom-media-status-overlay__action{flex:none}.classroom-media-status-overlay__action[hidden]{display:none}.classroom-media-status-overlay__action button{border:1px solid var(--classroom-blue-200);background:var(--ui-stage);min-height:32px;color:var(--classroom-white);font:inherit;cursor:pointer;pointer-events:auto;border-radius:6px;padding:4px 8px}.classroom-media-status-overlay__action button:focus-visible{outline-offset:2px;outline:2px solid #fff}.classroom-activity-answer{min-height:24rem;position:relative}.classroom-activity-answer .classroom-annotation-surface{width:100%;height:100%;position:absolute;inset:0}.classroom-activity-public-marker{align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.classroom-context-menu{z-index:50;border-radius:var(--ui-radius-sm);background:var(--classroom-white);width:max-content;max-width:calc(100vw - 16px);color:var(--ui-primary);padding:4px;display:grid;position:fixed;box-shadow:0 4px 20px #0003}.classroom-context-menu button{color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;gap:20px;padding:10px 12px;display:flex}.classroom-context-menu button:hover:not(:disabled){background:#e8f1f5}.classroom-context-menu button:focus-visible{outline:2px solid var(--ui-primary);outline-offset:-2px}.classroom-context-menu button:disabled{opacity:.45;cursor:default}.classroom-context-menu kbd{font:inherit;font-size:.8em}.classroom-header--session{flex-wrap:nowrap;gap:12px;min-width:320px;min-height:70px;padding-block:7px;display:flex}.classroom-header-start,.classroom-header-right,.classroom-header-end{align-items:center;min-width:0;display:flex}.classroom-header-start{flex:0 10 auto;gap:10px;min-width:44px;max-width:min(30vw,340px)}.classroom-header--session:not(:has(.classroom-header-session-actions>:not(.classroom-annotation-toolbar-host,.sr-only,[hidden]),.classroom-annotation-toolbar-host>:not(.sr-only,[hidden]))) .classroom-header-start{flex-shrink:1;max-width:none}.classroom-header-right{flex:none;justify-content:flex-end;gap:10px}.classroom-header-end{flex:none;justify-content:flex-end;gap:8px}.classroom-session-brand{flex:0 0 44px;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.classroom-session-context{border-left:1px solid var(--ui-border);gap:2px;min-width:0;padding-left:10px;display:grid}.classroom-session-context h1{color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.15;overflow:hidden}.classroom-session-context-meta{min-width:0;color:var(--ui-text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.classroom-session-context-detail{text-overflow:ellipsis;min-width:0;overflow:hidden}.classroom-header-session-actions{flex-wrap:nowrap;flex:338px;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.classroom-header-session-actions:not(:has(>:not(.classroom-annotation-toolbar-host,.sr-only,[hidden]),.classroom-annotation-toolbar-host>:not(.sr-only,[hidden]))){flex-basis:0}.classroom-header-session-actions:has(.classroom-annotation-toolbar){min-width:142px}.classroom-annotation-toolbar-host{display:contents}.classroom-header-session-actions .classroom-button{white-space:nowrap;min-height:44px}.classroom-header-session-status{flex:none;align-items:center;gap:0;min-width:0;display:flex}.classroom-header-session-status>.classroom-header-annotation-control{border-radius:var(--ui-radius-pill);isolation:isolate;background:0 0;border:0;justify-items:start;width:40px;min-width:40px;padding-inline-start:15px}.classroom-header-session-status>.classroom-header-annotation-control:before{z-index:-1;border:1px solid var(--ui-positive-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);content:"";pointer-events:none;position:absolute;inset:0 -48px 0 0}.classroom-header-session-status>.classroom-header-annotation-control>.classroom-icon--play{color:var(--classroom-green)}.classroom-header-session-status>.classroom-session-status-menu{z-index:1}.classroom-header-annotation-control{border-radius:var(--ui-radius-md);background:var(--ui-surface);width:44px;min-width:44px;min-height:44px;color:var(--ui-text-muted);border:0;place-items:center;padding:0;display:grid;position:relative}.classroom-header-annotation-control:hover:not(:disabled):not([aria-disabled=true]){color:var(--ui-text)}.classroom-header-annotation-control:focus-visible,.classroom-annotation-dropdown button:focus-visible,.classroom-annotation-object-settings :focus-visible{outline:3px solid var(--ui-primary);outline-offset:2px}.classroom-header-annotation-control--disabled{cursor:not-allowed;opacity:.55}.classroom-header-annotation-tooltip{z-index:3;border-radius:var(--ui-radius-sm);background:var(--ui-text);width:max-content;max-width:min(260px,100vw - 24px);color:var(--ui-surface);opacity:0;pointer-events:none;text-align:center;visibility:hidden;white-space:normal;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-2px)}.classroom-header-annotation-tooltip-shortcut{color:color-mix(in srgb, var(--ui-surface) 65%, var(--ui-text-muted));white-space:nowrap;margin-inline-start:8px;font-weight:400}.classroom-header-annotation-control:hover .classroom-header-annotation-tooltip,.classroom-header-annotation-control:focus-visible .classroom-header-annotation-tooltip,.classroom-annotation-icon-button:hover .classroom-header-annotation-tooltip,.classroom-annotation-icon-button:focus-visible .classroom-header-annotation-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.classroom-header-annotation-control--active,.classroom-header-annotation-control--active:disabled{background:var(--classroom-gold);color:var(--ui-text);opacity:1;border:0}.classroom-annotation-toolbar{flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0;max-width:100%;display:flex;position:relative}.classroom-annotation-toolbar .classroom-header-annotation-control{background:var(--ui-surface);color:var(--ui-text);border:0}.classroom-annotation-toolbar .classroom-header-annotation-control:hover:not(:disabled):not([aria-pressed=true]):not([aria-expanded=true]){background:var(--ui-primary-soft)}.classroom-annotation-feedback{z-index:7;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);max-width:min(320px,100% - 120px);box-shadow:var(--ui-shadow-md);color:var(--ui-text-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex;position:absolute;top:16px;left:16px}.classroom-annotation-toolset,.classroom-annotation-dropdown{align-items:center;gap:5px;display:flex}.classroom-annotation-toolset{flex-wrap:nowrap}.classroom-annotation-dropdown{z-index:12;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);max-width:min(95vw,960px);box-shadow:var(--ui-shadow-md);white-space:nowrap;flex-wrap:wrap;justify-content:center;width:max-content;padding:8px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.classroom-annotation-dropdown>button,.classroom-annotation-dropdown>div>button{border-radius:var(--ui-radius-sm);background:var(--ui-surface);min-height:36px;color:var(--ui-text);border:0;padding:4px 9px}.classroom-annotation-dropdown [aria-pressed=true]{background:var(--classroom-gold);color:var(--ui-text);border:0}.classroom-annotation-option-group{align-items:center;gap:5px;display:flex}.classroom-annotation-dropdown .classroom-annotation-option-group,.classroom-annotation-dropdown .classroom-annotation-color-row,.classroom-annotation-dropdown>.classroom-annotation-color-picker{border-left:1px solid var(--ui-border);padding-left:8px}.classroom-annotation-dropdown .classroom-annotation-color-options .classroom-annotation-color-row{border-left:0;padding-left:0}.classroom-annotation-object-settings>:not(legend)~:not(legend){border-left:1px solid var(--ui-border);padding-left:8px}.classroom-annotation-icon-button{border-radius:var(--ui-radius-sm);background:var(--ui-surface);width:40px;min-width:40px;height:40px;color:var(--ui-text);border:0;place-items:center;padding:0;display:grid;position:relative}.classroom-annotation-object-settings .classroom-header-annotation-tooltip{top:auto;bottom:calc(100% + 8px)}.classroom-annotation-dropdown .classroom-annotation-icon-button{border-color:#0000;padding:0}.classroom-annotation-icon-button:hover:not(:disabled):not([aria-pressed=true]):not([aria-expanded=true]){background:var(--ui-primary-soft)}.classroom-annotation-icon-button:disabled,.classroom-annotation-color-option:disabled{cursor:not-allowed;opacity:.5}.classroom-annotation-icon-button[aria-pressed=true],.classroom-annotation-icon-button[aria-expanded=true]{background:var(--classroom-gold);color:var(--ui-text);border:0}.classroom-annotation-style-icon{width:22px;height:22px}.classroom-icon--size-small.classroom-annotation-style-icon{width:15px;height:15px}.classroom-icon--size-medium.classroom-annotation-style-icon{width:19px;height:19px}.classroom-icon--size-large.classroom-annotation-style-icon{width:24px;height:24px}.classroom-annotation-color-row{align-items:center;gap:5px;display:flex}.classroom-annotation-color-label-icon{width:18px;height:18px;color:var(--ui-text-muted);margin-inline:3px}.classroom-annotation-more-button,.classroom-annotation-more .classroom-annotation-more-item{display:none}.classroom-annotation-toolbar:not([data-overflow="0"]) .classroom-annotation-more-button{display:grid}.classroom-annotation-toolbar:not([data-overflow="0"]) :is(.classroom-annotation-tool--undo,.classroom-annotation-tool--clear){display:none}.classroom-annotation-toolbar:not([data-overflow="0"]) .classroom-annotation-more :is(.classroom-annotation-more-item--undo,.classroom-annotation-more-item--clear){display:grid}.classroom-annotation-toolbar:is([data-overflow="2"],[data-overflow="3"],[data-overflow="4"]) .classroom-annotation-tool--text,.classroom-annotation-toolbar:is([data-overflow="3"],[data-overflow="4"]) .classroom-annotation-tool--shapes,.classroom-annotation-toolbar[data-overflow="4"] .classroom-annotation-tool--eraser{display:none}.classroom-annotation-toolbar:is([data-overflow="2"],[data-overflow="3"],[data-overflow="4"]) .classroom-annotation-more-item--text,.classroom-annotation-toolbar:is([data-overflow="3"],[data-overflow="4"]) .classroom-annotation-more-item--shapes,.classroom-annotation-toolbar[data-overflow="4"] .classroom-annotation-more-item--eraser{display:grid}.classroom-annotation-toolbar .classroom-header-annotation-control[aria-pressed=true],.classroom-annotation-toolbar .classroom-header-annotation-control[aria-expanded=true]{background:var(--classroom-gold);color:var(--ui-text);opacity:1;border:0}.classroom-annotation-color-picker{align-items:center;gap:3px;display:flex;position:relative}.classroom-annotation-color-picker>.classroom-annotation-style-icon{width:18px;height:18px}.classroom-annotation-color-options{z-index:5;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-md);gap:8px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.classroom-annotation-color-picker--fill .classroom-annotation-color-options{left:auto;right:0}.classroom-annotation-dropdown .classroom-annotation-color-option,.classroom-annotation-object-settings .classroom-annotation-color-option,.classroom-annotation-color-trigger{border-radius:var(--ui-radius-sm);background:0 0;border:3px solid #0000;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}.classroom-annotation-color-swatch{border:2px solid #0000;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.classroom-annotation-color-swatch--outline{background-color:#0000;border-width:4px}.classroom-annotation-color-swatch--none{border-color:var(--ui-border);background:var(--ui-surface)}.classroom-annotation-color-swatch--none .classroom-annotation-style-icon{width:14px;height:14px}.classroom-annotation-color-option:hover:not(:disabled):not([aria-pressed=true]),.classroom-annotation-color-trigger:hover:not(:disabled):not([aria-expanded=true]){background:var(--ui-primary-soft)}.classroom-annotation-dropdown .classroom-annotation-color-option[aria-pressed=true],.classroom-annotation-object-settings .classroom-annotation-color-option[aria-pressed=true]{border:3px solid var(--classroom-gold);background:0 0}@media (width<=760px){.classroom-annotation-dropdown{flex-wrap:wrap;justify-content:center;min-width:min(300px,90vw)}}.classroom-confirmation-popover{z-index:1000;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);max-width:calc(100vw - 16px);box-shadow:var(--ui-shadow-md);color:var(--ui-text);align-items:center;gap:5px;padding:8px;display:flex;position:fixed}.classroom-confirmation-popover[data-positioned=false]{visibility:hidden}.classroom-confirmation-popover>strong{min-width:0;padding-inline-start:8px;line-height:1.3}.classroom-confirmation-button{border-radius:var(--ui-radius-sm);background:var(--ui-surface);width:44px;min-width:44px;height:44px;color:var(--ui-text);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.classroom-confirmation-button:hover:not(:disabled){background:var(--ui-primary-soft)}.classroom-confirmation-button:focus-visible{outline:3px solid var(--ui-primary);outline-offset:1px}.classroom-confirmation-button:disabled{cursor:not-allowed;opacity:.5}.classroom-confirmation-icon{width:20px;height:20px}@media (width<=480px){.classroom-confirmation-popover>strong{white-space:normal}}.classroom-header-annotation-icon{width:20px;height:20px}.classroom-header-annotation-control[aria-busy=true] .classroom-header-annotation-icon{animation:.8s linear infinite classroom-annotation-spin}@keyframes classroom-annotation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.classroom-header-annotation-control[aria-busy=true] .classroom-header-annotation-icon{animation:none}}.classroom-action-short,.classroom-session-status-short{display:none}.classroom-session-status-chip{border-radius:var(--ui-radius-pill);background:var(--ui-surface-muted);min-height:28px;color:var(--ui-text-muted);white-space:nowrap;border:0;flex:none;align-items:center;gap:6px;padding:4px 9px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.classroom-session-status-dot{background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.classroom-session-status-chip--positive{background:var(--classroom-green-soft);color:var(--classroom-green)}.classroom-session-status-chip--warning{background:var(--classroom-amber-soft);color:var(--classroom-amber)}.classroom-session-status-chip--danger{background:var(--classroom-red-soft);color:var(--classroom-red)}.classroom-session-status-menu{position:relative}.classroom-session-status-trigger{gap:7px;min-height:44px;padding-inline:12px}.classroom-session-status-trigger:hover,.classroom-session-status-trigger[aria-expanded=true]{filter:brightness(.96)}.classroom-session-status-chevron{width:13px;height:13px;margin-left:2px}.classroom-session-status-dropdown{z-index:1;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);width:min(220px,100vw - 24px);box-shadow:var(--ui-shadow-md);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.classroom-session-status-dropdown .classroom-menu-item{justify-content:flex-start;gap:10px;min-height:44px}.classroom-session-account-section{border-top:1px solid var(--ui-border);margin-top:5px}.classroom-session-account-toggle{border-radius:var(--ui-radius-sm);width:100%;min-height:58px;color:var(--ui-text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.classroom-session-account-toggle:hover,.classroom-session-account-toggle[aria-expanded=true]{background:var(--ui-surface-muted)}.classroom-session-account-toggle .classroom-account-summary{flex:1;min-width:0}.classroom-session-account-chevron{opacity:0;width:13px;height:13px;transition:opacity var(--ui-motion-fast) ease, transform var(--ui-motion-fast) ease;flex:0 0 13px;margin-right:11px}.classroom-session-account-toggle:hover .classroom-session-account-chevron,.classroom-session-account-toggle:focus-visible .classroom-session-account-chevron,.classroom-session-account-toggle[aria-expanded=true] .classroom-session-account-chevron{opacity:1}.classroom-session-account-toggle[aria-expanded=true] .classroom-session-account-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.classroom-session-account-chevron{transition:none}}.classroom-action-icon{flex:0 0 18px;width:18px;height:18px}.classroom-session-shell{background:var(--ui-canvas)}.classroom-session-shell--teacher-active,.classroom-session-shell--student-activity{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.classroom-session-shell--teacher-active>.classroom-header,.classroom-session-shell--student-activity>.classroom-header{flex:none}.classroom-session-shell--teacher-active .classroom-session-layout,.classroom-session-shell--student-activity .classroom-session-layout{flex:1;min-height:0;overflow:hidden}.classroom-session-shell--teacher-active .classroom-session-stage .classroom-media-surface,.classroom-session-shell--student-activity .classroom-session-stage .classroom-media-surface{min-height:0}.classroom-session-layout{--classroom-session-panel-gap:16px;gap:var(--classroom-session-panel-gap);grid-template-columns:minmax(0,1fr) auto;min-height:calc(100dvh - 70px);padding:16px;display:grid;position:relative}.classroom-session-layout--student{grid-template-columns:minmax(0,1fr)}.classroom-session-stage{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.classroom-public-stage{flex-direction:column;flex:1;min-height:0;display:flex}.classroom-public-stage[hidden]{display:none}.classroom-workspace-tabs{gap:20px;display:grid}.classroom-workspace-action-row{--classroom-workspace-action-reveal:24px;min-width:0;position:relative}.classroom-workspace-action-row>.classroom-workspace-tab{transition:transform var(--ui-motion-fast) ease}.classroom-workspace-action-trigger{z-index:0;width:var(--classroom-workspace-action-reveal);height:100%;min-height:44px;color:var(--ui-text);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.classroom-workspace-action-icon{width:20px;height:20px}.classroom-workspace-action-row:is(:hover,[data-menu-open=true],:has(>:focus-visible))>.classroom-workspace-tab{transform:translateX(calc(0px - var(--classroom-workspace-action-reveal)))}.classroom-workspace-action-row:is(:hover,[data-menu-open=true],:has(>:focus-visible))>.classroom-workspace-action-trigger{z-index:2;opacity:1;pointer-events:auto}.classroom-workspace-action-trigger:hover{color:var(--ui-primary)}.classroom-workspace-action-trigger:focus-visible{border-radius:var(--ui-radius-sm);outline:3px solid var(--ui-focus);outline-offset:-3px}@media (prefers-reduced-motion:reduce){.classroom-workspace-action-row>.classroom-workspace-tab{transition:none}}.classroom-workspace-tab{z-index:1;border-radius:var(--ui-radius-sm) 18px 18px var(--ui-radius-sm);background:var(--ui-surface-muted);width:100%;min-width:0;min-height:52px;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex;position:relative}.classroom-workspace-tab:not([aria-selected=true]):not(.classroom-workspace-tab--current):hover{background:var(--ui-primary-soft)}.classroom-workspace-tab[aria-selected=true],.classroom-workspace-tab--current{cursor:default;border-color:var(--ui-stage);background:var(--ui-stage);color:var(--ui-surface);border-radius:0 18px 18px 0}.classroom-workspace-tab[aria-selected=true]:before,.classroom-workspace-tab--current:before{z-index:-1;background:var(--ui-stage);content:"";pointer-events:none;width:34px;position:absolute;top:-1px;bottom:-1px;right:100%}.classroom-workspace-tab:focus-visible,.classroom-roster-information:focus-visible{outline:3px solid var(--ui-primary);outline-offset:2px}.classroom-workspace-tab[aria-selected=true]:focus-visible,.classroom-workspace-tab--current:focus-visible{outline-color:var(--ui-focus)}.classroom-session-roster-content li.classroom-roster-tab-row{padding:0}.classroom-workspace-avatar{isolation:isolate;border-radius:50%;flex:0 0 44px;width:44px;height:44px;display:grid;position:relative}.classroom-workspace-avatar[data-live=true]{background:var(--classroom-green)}.classroom-workspace-avatar .classroom-roster-avatar{z-index:1;flex-basis:44px;width:44px;height:44px;font-size:12px;position:relative}.classroom-workspace-live-tag{background:var(--classroom-green);pointer-events:none;border-radius:22px 0 0 22px;width:34px;height:44px;position:absolute;top:0;left:-12px}.classroom-workspace-live-tag>span{background:#fff;width:11px;height:42px;margin-left:3px;font-size:0;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2044'%3e%3cpath%20fill='%23fff'%20d='M2%2036V34H8V30H10V36ZM2%2029V27H10V29ZM2%2026V24L7.5%2022L2%2020V18L10%2021V23ZM2%2017V11H4V15H5V12H7V15H8V11H10V17Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2044'%3e%3cpath%20fill='%23fff'%20d='M2%2036V34H8V30H10V36ZM2%2029V27H10V29ZM2%2026V24L7.5%2022L2%2020V18L10%2021V23ZM2%2017V11H4V15H5V12H7V15H8V11H10V17Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.classroom-workspace-own-icon{flex:0 0 22px;width:22px;height:22px}.classroom-activity-preview-heading{background:var(--ui-surface);min-width:0;color:var(--ui-text);align-items:center;gap:8px;display:flex}.classroom-activity-preview-summary>strong{white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}.classroom-activity-preview-summary>span{color:var(--ui-text-muted);font-size:12px}.classroom-session-stage .classroom-media{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.classroom-session-stage .classroom-media-surface{aspect-ratio:auto;flex:1;min-height:min(60vh,400px)}.classroom-session-stage .classroom-media-surface:after{display:none}.classroom-stage-message{z-index:2;color:#d7e5ed;text-align:center;justify-items:center;gap:9px;max-width:380px;padding:24px;display:grid;position:relative}.classroom-stage-icon{color:#9fb9c9;width:56px;height:56px;margin-bottom:4px}.classroom-stage-message h2{color:#f3f8fb;margin:0;font-size:clamp(17px,2vw,22px);line-height:1.25}.classroom-stage-message p{color:#b7cbd8;margin:0;font-size:13px;line-height:1.5}.classroom-stage-share{border-color:var(--classroom-gold);background:var(--classroom-gold);min-height:46px;color:var(--ui-text);margin-top:8px;padding-inline:22px;font-size:14px}.classroom-stage-share:hover{background:#e7b000;border-color:#e7b000}.classroom-stage-retry{margin-top:12px}.classroom-media-surface video.classroom-video--hidden{visibility:hidden}.classroom-stage-audio{z-index:3;position:absolute;bottom:16px;left:16px}.classroom-session-back{width:max-content}.classroom-side-panel-toggle,.classroom-side-panel-close,.classroom-side-panel-action{border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);width:44px;min-width:44px;height:44px;color:var(--ui-text-muted);place-items:center;padding:0;display:grid}.classroom-side-panel-close:hover,.classroom-side-panel-action:hover:not(:disabled){border-color:var(--classroom-blue-200);background:var(--ui-primary-soft);color:var(--ui-primary)}.classroom-side-panel-toggle{background:0 0;border:0}.classroom-side-panel-toggle:hover{background:var(--ui-primary-soft);color:var(--ui-primary)}.classroom-side-panel-toggle:focus-visible,.classroom-side-panel-close:focus-visible,.classroom-side-panel-action:focus-visible,.classroom-side-panel-resizer:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.classroom-side-panel-toggle-icon,.classroom-side-panel-close>span,.classroom-side-panel-action-icon{width:20px;height:20px}.classroom-side-panel{z-index:4;width:var(--classroom-side-panel-width,320px);background:var(--ui-canvas);min-width:0;min-height:0;transition:width var(--ui-motion-fast) ease;position:relative;overflow:visible}.classroom-side-panel--dragging{-webkit-user-select:none;user-select:none;transition:none}.classroom-side-panel--dragging *{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.classroom-side-panel,.classroom-side-panel-resizer:after{transition:none}}.classroom-side-panel--compact{width:44px}.classroom-side-panel-scroll{overscroll-behavior:contain;height:100%;overflow:hidden auto}.classroom-side-panel-resizer{z-index:6;top:0;bottom:0;left:calc(0px - var(--classroom-session-panel-gap,0px) - 8px);cursor:col-resize;touch-action:none;width:16px;position:absolute}.classroom-side-panel-resizer:after{border-radius:var(--ui-radius-pill);background:var(--ui-text-muted);content:"";opacity:0;pointer-events:none;width:2px;transition:opacity var(--ui-motion-fast) ease;position:absolute;top:0;bottom:0;left:calc(50% + 4px);transform:translate(-50%)}.classroom-side-panel-resizer:hover:after,.classroom-side-panel-resizer:focus-visible:after,.classroom-side-panel--dragging .classroom-side-panel-resizer:after{opacity:.65}.classroom-side-panel-backdrop,.classroom-side-panel-close{display:none}.classroom-side-panel-action:disabled{cursor:not-allowed;opacity:.48}.classroom-activity-start{justify-content:center;display:flex}.classroom-student-activity-panel{align-content:start;gap:20px;padding:0 8px;display:grid}.classroom-student-answer-action{justify-content:center;min-height:44px;display:flex}.classroom-student-submit-button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.classroom-student-activity-panel:not(.classroom-student-activity-panel--compact) .classroom-student-submit-button{width:100%;min-width:0;padding-inline:8px}.classroom-student-activity-panel:not(.classroom-student-activity-panel--compact) .classroom-workspace-tab>strong,.classroom-student-activity-panel:not(.classroom-student-activity-panel--compact) .classroom-student-submit-label{text-align:center;text-overflow:clip;white-space:normal;min-width:0;overflow:visible}.classroom-session-roster-content{align-content:start;gap:20px;padding:0 8px;display:grid}.classroom-session-roster-content ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.classroom-session-roster-content li{min-width:0;font-size:12px}.classroom-roster-information{border-radius:var(--ui-radius-sm) 18px 18px var(--ui-radius-sm);background:var(--ui-surface-muted);border:1px solid #0000;align-items:center;gap:9px;min-width:0;min-height:56px;padding:8px;display:flex;position:relative}.classroom-session-roster-content li strong,.classroom-workspace-tab>strong,.classroom-roster-details{flex:1;min-width:0}.classroom-session-roster-content li strong,.classroom-workspace-tab>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classroom-roster-details{align-content:center;gap:1px;display:grid}.classroom-roster-details>strong{display:block}.classroom-session-roster-content .classroom-roster-avatar{border:3px solid var(--ui-border);width:44px;height:44px;color:var(--ui-text);flex:0 0 44px;font-size:12px}.classroom-session-roster-content .classroom-roster-avatar[data-connection=joined]{border-color:var(--classroom-green)}.classroom-activity-status-badge{color:var(--classroom-amber);font-style:italic;line-height:1.2}.classroom-activity-status-badge[data-status=submitted]{color:var(--classroom-green)}.classroom-roster-hover-status{z-index:1;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);color:var(--ui-text);pointer-events:none;visibility:hidden;white-space:nowrap;padding:3px 7px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.classroom-roster-information:hover .classroom-roster-hover-status{visibility:visible}.classroom-workspace-tab[aria-selected=true] .classroom-activity-status-badge[data-status=submitted]{color:var(--ui-surface)}.classroom-workspace-tab[aria-selected=true] .classroom-activity-status-badge[data-status=answering]{color:var(--classroom-gold)}.classroom-session-roster-empty{color:var(--ui-text-muted);margin:0;font-size:12px}.classroom-roster-icon{width:18px;height:18px}.classroom-session-roster-content--compact{gap:16px;width:44px;padding:0 0 16px}.classroom-session-roster-content--compact .classroom-workspace-tabs{gap:16px}.classroom-session-roster-content--compact .classroom-workspace-action-row{--classroom-workspace-action-reveal:16px}.classroom-session-roster-content--compact .classroom-workspace-action-icon{width:16px;height:16px;transform:rotate(90deg)}.classroom-session-roster-content--compact .classroom-workspace-tab,.classroom-session-roster-content--compact .classroom-roster-information{border:0;border-radius:50%;justify-content:center;width:44px;min-height:44px;padding:0}.classroom-session-roster-content--compact .classroom-workspace-tab[aria-selected=true],.classroom-session-roster-content--compact .classroom-workspace-tab--current{border-radius:0 var(--ui-radius-pill) var(--ui-radius-pill) 0}.classroom-session-roster-content--compact .classroom-workspace-tab[aria-selected=true]:before,.classroom-session-roster-content--compact .classroom-workspace-tab--current:before{width:18px;top:0;bottom:0}.classroom-session-roster-content--compact .classroom-workspace-own-icon{flex-basis:26px;width:26px;height:26px}.classroom-session-roster-content--compact .classroom-student-list{border-top:1px solid var(--ui-border);padding-top:15px}.classroom-session-roster-content--compact .classroom-activity-status-dot{z-index:4;border:2px solid var(--ui-canvas);background:var(--classroom-gold);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.classroom-session-roster-content--compact .classroom-activity-status-dot[data-status=submitted]{background:var(--classroom-green)}.classroom-student-activity-panel--compact{gap:16px;width:44px;padding:0 0 16px}.classroom-student-activity-panel--compact .classroom-workspace-tabs{gap:16px}.classroom-student-activity-panel--compact .classroom-workspace-tab{border:0;border-radius:50%;justify-content:center;width:44px;min-height:44px;padding:0}.classroom-student-activity-panel--compact .classroom-workspace-tab[aria-selected=true]{border-radius:0 var(--ui-radius-pill) var(--ui-radius-pill) 0}.classroom-student-activity-panel--compact .classroom-workspace-tab[aria-selected=true]:before{width:18px;top:0;bottom:0}.classroom-student-activity-panel--compact .classroom-workspace-own-icon{flex-basis:26px;width:26px;height:26px}.classroom-student-activity-panel--compact .classroom-student-answer-action{border-top:1px solid var(--ui-border);padding-top:15px}.classroom-student-activity-panel--compact .classroom-student-submit-button{border-radius:var(--ui-radius-sm);width:44px;min-width:44px;height:44px;padding:0}.classroom-student-activity-panel--compact .classroom-student-submit-label{display:none}.classroom-side-panel-floating-tooltip{z-index:100;border-radius:var(--ui-radius-sm);background:var(--ui-text);width:max-content;max-width:min(240px,100vw - 16px);color:var(--ui-surface);pointer-events:none;white-space:normal;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.35;position:fixed}@media (width>=901px){.classroom-session-layout>.classroom-side-panel{padding-block:var(--ui-radius-md)}.classroom-session-layout>.classroom-side-panel>.classroom-side-panel-scroll{box-sizing:border-box;width:calc(100% + var(--classroom-session-panel-gap));margin-left:calc(0px - var(--classroom-session-panel-gap));padding-left:var(--classroom-session-panel-gap)}.classroom-session-layout>.classroom-side-panel--compact>.classroom-side-panel-scroll{width:calc(100% + var(--classroom-session-panel-gap) + var(--classroom-session-panel-gap))}}@media (width<=900px){.classroom-session-layout{grid-template-columns:minmax(0,1fr)}.classroom-side-panel-backdrop{z-index:18;background:#00172594;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.classroom-side-panel{z-index:19;border-left:1px solid var(--ui-border);background:var(--ui-canvas);width:min(400px,100%);box-shadow:var(--ui-shadow-lg);position:absolute;top:0;bottom:0;right:0}.classroom-side-panel-close{z-index:2;display:grid;position:absolute;top:12px;right:12px}.classroom-side-panel-scroll{padding-top:68px}.classroom-header--session{gap:8px}}@media (width<=620px){.classroom-header.classroom-header--session{gap:6px;min-height:62px;padding:7px 12px}.classroom-header-start{gap:7px}.classroom-header-end{gap:5px}.classroom-session-status-chip{min-height:40px;padding-inline:8px;font-size:12px}.classroom-header-annotation-control{width:40px;min-width:40px;min-height:40px}.classroom-annotation-toolbar .classroom-header-annotation-control{width:44px;min-width:44px;min-height:44px}.classroom-session-status-trigger{gap:5px}.classroom-session-status-short{text-overflow:ellipsis;white-space:nowrap;max-width:8ch;display:block;overflow:hidden}.classroom-session-status-chip:not(.classroom-session-status-trigger) .classroom-session-status-short{max-width:none}.classroom-session-status-dropdown{width:min(200px,100vw - 24px);left:auto;right:0}.classroom-header-session-actions{gap:5px}.classroom-header-session-actions .classroom-button{min-height:40px;padding:8px 10px}.classroom-action-long,.classroom-session-status-long{display:none}.classroom-action-short{display:inline}.classroom-session-context{padding-left:7px}.classroom-session-context h1{font-size:15px}.classroom-session-context-meta{gap:4px}.classroom-session-layout{min-height:calc(100dvh - 62px);padding:12px}.classroom-session-stage .classroom-media-surface{min-height:45vh}}@media (width<=380px){.classroom-header--session .classroom-session-context{display:none}.classroom-header--session .classroom-header-start{width:44px}}@media (width<=360px){.classroom-header--teacher .classroom-session-status-chip{justify-content:center;width:40px;padding-inline:0}.classroom-header--teacher .classroom-session-status-short{display:none}}@media (width<=600px){.classroom-activity-preview-summary>strong{max-width:5rem}.classroom-preview-submitted-label{display:none}}.classroom-activity-preview-summary{min-width:0;display:grid}.classroom-activity-preview-summary>span{white-space:nowrap}.classroom-stage-message--share{width:100%;max-width:680px}.classroom-share-choices{flex-wrap:wrap;justify-content:center;gap:40px clamp(32px,6vw,80px);display:flex}.classroom-share-choice{align-content:start;justify-items:center;gap:16px;display:grid}.classroom-share-choice .classroom-stage-share{white-space:nowrap;margin-top:0}.classroom-stage-share--secondary{border-color:var(--classroom-gold);color:var(--classroom-gold);background:0 0}.classroom-stage-share--secondary:hover:not(:disabled){border-color:var(--classroom-gold);background:#ffc4001a}.classroom-login{background:radial-gradient(800px 440px at 50% -10%, var(--classroom-blue-100), transparent 72%), var(--ui-canvas);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.classroom-login[data-login-effects=true]{perspective:1100px;background:var(--ui-login-canvas)}.classroom-login-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.classroom-login-panel{z-index:1;border:1px solid var(--ui-border);background:var(--ui-surface);width:min(100%,430px);box-shadow:var(--ui-shadow-lg);border-radius:22px;padding:clamp(26px,6vw,42px);position:relative}.classroom-login[data-login-effects=true] .classroom-login-panel{--login-glow-x:50%;--login-glow-y:50%;--login-glow-strength:0;--login-shadow-x:0px;--login-shadow-y:24px;border-color:color-mix(in srgb, var(--classroom-white) 72%, var(--ui-border));background:color-mix(in srgb, var(--ui-surface) 82%, transparent);box-shadow:var(--login-shadow-x) var(--login-shadow-y) 60px #00283e29, inset 0 1px 0 #ffffffc2;-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);transform-style:preserve-3d;overflow:hidden}.classroom-login[data-login-effects=true] .classroom-login-panel:before{z-index:0;border-radius:inherit;background:radial-gradient(circle 240px at var(--login-glow-x) var(--login-glow-y), color-mix(in srgb, var(--ui-login-accent-soft) 34%, transparent), transparent 72%);content:"";opacity:var(--login-glow-strength);pointer-events:none;position:absolute;inset:0}.classroom-login[data-login-effects=true] .classroom-login-panel>*{z-index:1;position:relative}.classroom-login .classroom-brand{margin-bottom:34px}.classroom-login h1{color:var(--ui-text);letter-spacing:-.7px;margin:0;font-size:28px}.classroom-login form{gap:18px;margin-top:26px;display:grid}.classroom-login form .classroom-button{width:100%;margin-top:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){.classroom-header{min-height:62px;padding-inline:16px}.classroom-brand-role{display:none}.classroom-header-utility{margin-left:auto}.classroom-page-heading,.classroom-session-row{flex-direction:column;align-items:flex-start}.classroom-session-actions{width:100%}.classroom-session-actions .classroom-button{flex:1}.classroom-choice-grid,.classroom-start-layout{grid-template-columns:1fr}.classroom-media-controls .classroom-button{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.classroom-login-panel{transform:none!important}}.classroom-emergency-dialog,.classroom-emergency-floating{color:#fff;box-shadow:var(--ui-shadow-lg);overflow-wrap:anywhere;text-align:center;background-color:#270004;background-image:url(../../../backend/classroom-api/assets/receiver/emergency.png);background-position:50%;background-size:100% 100%;border:0;border-radius:1rem}.classroom-emergency-dialog{width:80vw;max-width:none;height:80dvh;max-height:none;padding:clamp(3.5rem,6vw,6rem) clamp(1rem,6vw,6rem);overflow:hidden}.classroom-emergency-dialog::backdrop{background:#102330b8}.classroom-emergency-copy{flex-direction:column;height:100%;display:flex;overflow:auto}.classroom-emergency-message{margin-block:auto}.classroom-emergency-message h2{outline:none;margin:0 0 .6em;font-size:clamp(1.5rem,4vw,3.5rem);line-height:1.15}.classroom-emergency-message p{white-space:pre-wrap;margin:0;font-size:clamp(1.125rem,2.3vw,2rem);line-height:1.4}.classroom-emergency-minimize{border-radius:var(--ui-radius-sm);color:#fff;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:.5rem;right:.5rem}.classroom-emergency-minimize:hover,.classroom-emergency-minimize:focus-visible{background:#27000499}.classroom-emergency-minimize span{background:currentColor;width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.classroom-emergency-floating{inset:auto;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:1100;aspect-ratio:16/9;width:min(22rem,100vw - 2rem);margin:0;padding:0;position:fixed;overflow:visible}.classroom-emergency-floating button{border-radius:inherit;width:100%;height:100%;color:inherit;text-align:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem 2rem;display:flex}.classroom-emergency-floating button:active{cursor:grabbing}.classroom-emergency-floating strong,.classroom-emergency-floating span{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.classroom-emergency-floating strong{-webkit-line-clamp:2;font-size:1rem}.classroom-emergency-floating span{white-space:pre-wrap;-webkit-line-clamp:3;font-size:.875rem}.receiver-page{text-align:center;color:#f7f9fc;background:#11273c;flex-direction:column;justify-content:center;min-height:100dvh;padding:clamp(2rem,5vw,6rem);font-size:clamp(1.2rem,2.1vw,2.5rem);display:flex}.receiver-page h1{opacity:.8;font-size:1em}.receiver-page h2{font-size:clamp(2.5rem,5vw,6rem);line-height:1.1}.receiver-page p{margin-block:1em}.receiver-page--setup{align-items:center;height:100dvh;padding:min(2rem,4vw,4dvh)}.receiver-page--setup .receiver-setup{flex-direction:column;align-items:center;gap:min(1.5rem,4dvh);display:flex}.receiver-page--setup h1{opacity:1;margin:0;font-size:min(3rem,7vw,12dvh);line-height:1.2}.receiver-page--setup .receiver-code{margin:0;font-size:min(11rem,9vw,28dvh);line-height:1.2}.receiver-code{letter-spacing:.07em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2.8rem,9vw,11rem);font-weight:700}.receiver-room{font-size:1.4em}.receiver-brand{text-align:left;color:#f7f9fc;position:absolute;top:clamp(1rem,2vw,2rem);left:clamp(1rem,2vw,2rem)}.receiver-brand .classroom-brand-mark{color:#11273c;background:#f7f9fc}.receiver-brand .classroom-brand-role{color:#c5d3e0}.receiver-waiting-copy{overflow-wrap:anywhere;max-width:90vw}.receiver-waiting-copy h2{margin:0;font-size:clamp(1.5rem,3vw,4rem)}.receiver-waiting-host{color:#c5d3e0;margin:1rem 0 0;font-size:clamp(1rem,2vw,2.5rem)}.receiver-session{color:#f7f9fc;background:#11273c;position:fixed;inset:0;overflow:hidden}.receiver-session video,.receiver-session .receiver-held-frame,.receiver-session .receiver-annotations{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.receiver-session .receiver-cover{text-align:center;background:#11273c;place-items:center;padding:2rem;font-size:clamp(1.5rem,3vw,4rem);display:grid;position:absolute;inset:0}.receiver-updating{z-index:900;color:#fff;background:#11273cee;border-radius:.35rem;padding:.3rem .6rem;font-size:clamp(.75rem,1vw,1rem);line-height:1.4;position:fixed;bottom:1rem;left:1rem}.receiver-obscured{opacity:0;pointer-events:none}.receiver-emergency{z-index:1000;text-align:center;color:#fff;background:#8f151d;flex-direction:column;justify-content:center;padding:min(6vw,6dvh,6rem);display:flex;position:fixed;inset:0;overflow:hidden}.receiver-signage-player{color:#f7f9fc;background:#11273c;place-items:center;display:grid;position:fixed;inset:0}.receiver-signage-player h2{font-size:clamp(2.5rem,5vw,6rem)}.receiver-signage-player>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.receiver-signage-status{color:#fff;background:#11273cee;border-radius:.4rem;gap:1rem;padding:.5rem .8rem;font-size:clamp(.9rem,1.2vw,1.5rem);display:flex;position:absolute;inset:auto 1rem 1rem auto}.receiver-emergency-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.receiver-emergency-copy{box-sizing:border-box;overflow-wrap:anywhere;width:100%;height:100%;min-height:0;padding:min(2vw,2dvh,1rem);position:relative;overflow:hidden}.receiver-emergency-fit{align-items:center;height:100%;display:flex}.receiver-emergency-text{width:100%;font-size:1px;line-height:1.3}.receiver-emergency-text h1{margin:0 0 .5em;font-size:1.7em;line-height:1.1}.receiver-emergency-text p{white-space:pre-wrap;margin:0}.receiver-emergency--illustrated{background:#270004}.receiver-emergency--illustrated .receiver-emergency-copy{background:#27000488;border-radius:1rem}