@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#29332f;font-synthesis:none;background:#f4f1e9;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:42px}input,textarea,select{font-size:16px}.mode-switch{z-index:100;background:#24342e;border-radius:16px;padding:5px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 32px #1b2a2450}.mode-switch button{color:#d7e1dc;background:0 0;border:0;border-radius:11px;padding:9px 14px;font-size:13px}.mode-switch button.active{color:#24342e;background:#fff;font-weight:700}.cat{filter:drop-shadow(0 8px 10px #61746b30);width:76px;height:70px;position:relative}.cat .ear{background:#faf8ed;border:2px solid #c8c7bc;border-radius:7px;width:28px;height:34px;position:absolute;top:1px;transform:rotate(45deg)}.cat .ear-left{left:7px}.cat .ear-right{right:7px}.cat .face{background:#fbfaf2;border:2px solid #c8c7bc;border-radius:48% 48% 45% 45%;position:absolute;inset:12px 3px 0}.cat .eye{background:#42544b;border-radius:50%;width:7px;height:9px;position:absolute;top:24px}.cat .eye.left{left:18px}.cat .eye.right{right:18px}.cat .nose{background:#d49a8a;border-radius:50%;width:7px;height:5px;position:absolute;top:35px;left:50%;transform:translate(-50%)}.cat .mouth{border-bottom:2px solid #63736a;border-radius:50%;width:14px;height:7px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.cat .cheek{opacity:.55;background:#e9b6aa;border-radius:50%;width:10px;height:4px;position:absolute;top:48px}.cat .cheek-left{left:12px}.cat .cheek-right{right:12px}.cat-small{transform-origin:0;width:51px;height:48px;margin-right:-10px;transform:scale(.72)}.loading{color:#718078;background:#f7f3ea;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.login-shell{background:radial-gradient(circle at 20% 10%,#fffaf0 0,#0000 38%),linear-gradient(145deg,#e7f0e8,#f5eee3);place-items:center;min-height:100vh;padding:22px;display:grid}.login-shell form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf7e8;border:1px solid #fffa;border-radius:28px;width:min(420px,100%);padding:34px;box-shadow:0 24px 70px #27433922}.login-shell .cat{transform-origin:50%;margin:0 auto 10px;transform:scale(.72)}.login-shell>form>span{text-align:center;color:#6f8078;font-size:13px;font-weight:700;display:block}.login-shell h1{text-align:center;margin:17px 0 5px;font-size:27px}.login-shell p{text-align:center;color:#7c8782;margin:0 0 25px;font-size:14px}.login-shell label,.cloud-settings label{color:#5f6c66;margin:15px 0 7px;font-size:13px;font-weight:700;display:block}.login-shell input,.cloud-settings input{width:100%;font:inherit;background:#fff;border:1px solid #d9dfd9;border-radius:13px;outline:none;padding:13px 14px}.login-shell input:focus,.cloud-settings input:focus{border-color:#6c9a82;box-shadow:0 0 0 4px #74a68b1c}.login-shell .primary{width:100%;margin-top:18px;padding:13px}.login-error{color:#b65454;text-align:center;margin-top:12px;font-size:13px;display:block}.app-error{text-align:center;background:#f7f3ea;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.app-error h1{margin:3px 0 0}.app-error p{color:#718078;margin:0}.app-error button{color:#fff;background:#476f5d;border:0;border-radius:12px;margin-top:8px;padding:12px 20px;font-weight:700}.classroom-shell{background:radial-gradient(circle at 10% 10%,#fff9e9 0 14%,#0000 35%),radial-gradient(circle at 92% 80%,#dbeadd 0 16%,#0000 40%),#eae4d5;min-height:100vh;padding:5vh 5vw;position:relative;overflow:hidden}.classroom-shell:before{content:"";pointer-events:none;background-image:radial-gradient(#89978e22 1.5px,#0000 1.5px);background-size:26px 26px;position:absolute;inset:0}.cat-float{background:#f7f3e8;border:3px solid #fff;border-radius:50%;place-content:center;width:108px;height:108px;display:grid;position:absolute;top:42%;right:50px;box-shadow:0 18px 45px #43594c44}.cat-float b{color:#fff;background:#df6e5e;border-radius:50%;min-width:25px;height:25px;position:absolute;top:2px;right:2px}.class-window{background:#fbfaf6;border:1px solid #fffc;border-radius:30px;flex-direction:column;width:min(920px,92vw);height:min(720px,88vh);margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #42554a30}.classroom-shell.fullscreen-mode{width:100vw;height:100dvh;min-height:0;padding:0}.fullscreen-mode .class-window,.fullscreen-mode .class-window.task-mode{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0}.fullscreen-mode .class-header{padding-inline:clamp(18px,2vw,38px)}.fullscreen-mode .tabs{padding-inline:clamp(14px,1.6vw,30px)}.fullscreen-mode .content-head,.fullscreen-mode .scroll-content,.fullscreen-mode .class-footer{width:100%;max-width:none;margin-inline:0}.class-header{background:#fffefb;border-bottom:1px solid #e8e7df;justify-content:space-between;align-items:center;height:76px;padding:0 25px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand div{flex-direction:column;display:flex}.brand strong{font-size:19px}.brand span{color:#849189;margin-top:2px;font-size:11px}.class-actions{gap:7px;display:flex}.class-actions button{color:#647169;white-space:nowrap;background:#f0f0e9;border:0;border-radius:12px;padding:9px 11px;font-size:13px}.class-actions .voice-playing{color:#8d6724;background:#fff0c7;border-radius:11px;align-items:center;padding:8px 11px;font-size:12px;font-weight:800;animation:1.2s ease-in-out infinite alternate voice-pulse;display:flex}.class-actions .enable-audio{color:#467057;background:#dfeee3;font-weight:700}.class-actions button.danger-lite{color:#a85147;background:#faeeeb}.tabs{background:#f7f5ee;border-bottom:1px solid #e7e5dc;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px 18px;display:grid}.tabs button{color:#738078;background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:11px 5px;font-weight:600;display:flex}.tabs button i{font-size:17px;font-style:normal}.tabs button.active{color:#fff;background:#3f6858;box-shadow:0 5px 14px #34594a33}.content-head{justify-content:space-between;align-items:end;padding:22px 34px 10px;display:flex}.content-head span{color:#9a8c78;font-size:12px}.content-head h1{margin:2px 0 0;font-size:30px}.content-head .date-chip{color:#796b55;background:#efe7d8;border-radius:12px;padding:9px 13px;font-weight:700}.scroll-content{scrollbar-color:#b5c5bc transparent;scrollbar-width:thin;flex:1;padding:12px 34px 24px;overflow-y:auto}.task-card{background:#fff;border:1px solid #e8e6dc;border-radius:19px;align-items:center;gap:20px;min-height:92px;margin-bottom:13px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 6px 18px #5b6b6210}.task-card.done{background:#f0f7f1;border-color:#cde1d3}.number{color:#bdad96;font-size:19px;font-weight:800}.task-copy{flex:1}.task-copy strong{font-size:18px}.task-copy p{color:#59675f;margin:5px 0 0;font-size:15px}.task-copy small{color:#55906e}.check{color:#fff;background:#fafbf8;border:2px solid #bcc9c1;border-radius:15px;flex:0 0 48px;width:48px;height:48px;font-size:26px;font-weight:800}.done .check{background:#5d9c75;border-color:#5d9c75}.task-card.submitted{background:#fff8e8;border-color:#ead7a7}.task-card.submitted .check{background:#e7bd63;border-color:#d2a64d}.task-copy small.awaiting{color:#a77724;margin-top:7px;font-weight:700;display:block}.task-card.display-only{padding-right:28px}.all-cleared{color:#4d7b5e;text-align:center;background:#f0f7f1;border:1px dashed #bdd3c4;border-radius:18px;margin-top:20px;padding:42px 20px;font-size:18px;font-weight:700}.student-task-groups{gap:16px;display:grid}.student-task-group{background:#fff;border:1px solid #e5e2d9;border-radius:18px;overflow:hidden;box-shadow:0 5px 16px #52645a0d}.student-task-group>header{background:#f4f1e8;border-bottom:1px solid #ebe8df;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 15px;display:grid}.student-task-group>header span{color:#866f4b;white-space:nowrap;background:#e8dfcc;border-radius:7px;margin-top:2px;padding:3px 7px;font-size:10px;font-weight:800}.student-task-group>header strong{color:#35423b;overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px;line-height:1.55}.student-task-group>header small{color:#89938e;white-space:nowrap;margin-top:3px;font-size:11px}.student-chip-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;display:grid}.student-chip-grid>button{color:#34423b;touch-action:manipulation;background:#fbfcfa;border:1.5px solid #d9e0db;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:78px;padding:10px 25px 10px 7px;display:flex;position:relative}.student-chip-grid>button strong{overflow-wrap:anywhere;max-width:100%;font-size:16px;line-height:1.3}.student-chip-grid>button span{color:#8a938e;font-size:10px}.student-chip-grid>button i{color:#fff;border:1.5px solid #adbbb3;border-radius:6px;place-items:center;width:18px;height:18px;font-size:12px;font-style:normal;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.student-chip-grid>button.submitted{color:#795a20;background:#fff6df;border-color:#e1c078}.student-chip-grid>button.submitted span{color:#a27728;font-weight:700}.student-chip-grid>button.submitted i{background:#e7bd63;border-color:#d2a64d}.fullscreen-mode .student-chip-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:12px}.fullscreen-mode .student-chip-grid>button{min-height:84px}.meeting-card{background:linear-gradient(135deg,#f1e7cb,#f7f4e7);border:1px solid #e2d6b5;border-radius:24px;min-height:300px;padding:34px}.meeting-card>span{color:#8b7950;font-weight:700}.meeting-card h2{margin:9px 0 20px;font-size:30px}.meeting-card p{white-space:pre-wrap;font-size:18px;line-height:1.9}.meeting-tip{color:#6d624b;background:#fff9;border-radius:12px;margin-top:25px;padding:10px 16px;display:inline-block}.class-footer{color:#8a968f;justify-content:space-between;padding:11px 34px 17px;font-size:12px;display:flex}.exit-dialog{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17251f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.exit-dialog form{background:#fffdf8;border-radius:24px;width:min(430px,100%);padding:30px;box-shadow:0 30px 100px #14251e88}.exit-dialog form>span{color:#a55b51;font-size:13px;font-weight:800}.exit-dialog h2{margin:8px 0 7px;font-size:24px}.exit-dialog p{color:#77817c;margin:0 0 20px;font-size:13px;line-height:1.7}.exit-dialog input{width:100%;font:inherit;background:#fff;border:1px solid #d8ddd8;border-radius:13px;outline:none;padding:13px 14px}.exit-dialog input:focus{border-color:#6c9a82;box-shadow:0 0 0 4px #74a68b1c}.exit-dialog form>strong{color:#b44f48;margin-top:9px;font-size:13px;display:block}.exit-dialog form>div{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.exit-dialog button{color:#59645e;background:#eceae3;border:0;border-radius:11px;padding:10px 17px}.exit-dialog button.confirm-exit{color:#fff;background:#a9564d}.exit-dialog button:disabled{opacity:.45}@keyframes pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.9)}}.teacher-shell{background:#f5f3ed;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side-nav{color:#fff;background:#233c33;flex-direction:column;gap:7px;height:100vh;padding:25px 16px;display:flex;position:sticky;top:0}.teacher-brand{align-items:center;gap:7px;margin:0 7px 30px;display:flex}.teacher-brand>span{flex-direction:column;display:flex}.teacher-brand strong{font-size:18px}.teacher-brand small{color:#9eb4aa;margin-top:2px}.side-nav>button{color:#bdcbc5;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:13px;padding:13px 16px;display:flex}.side-nav>button i{width:22px;font-size:18px;font-style:normal}.side-nav>button.active{color:#fff;background:#3e5a50;font-weight:700}.teacher-profile{border-top:1px solid #ffffff1c;align-items:center;gap:11px;margin-top:auto;padding:13px 8px 5px;display:flex}.teacher-profile>span{color:#45351e;background:#e0b36e;border-radius:12px;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.teacher-profile div{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-profile small{color:#9eb4aa}.teacher-profile>button{color:#dbe5df;background:#ffffff0d;border:1px solid #ffffff25;border-radius:9px;min-width:48px;font-size:12px}.teacher-main{min-width:0;padding:35px clamp(24px,4vw,62px) 80px}.teacher-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.teacher-top span{color:#89948e;font-size:13px}.teacher-top h1{margin:3px 0 0;font-size:30px}.status{color:#8d8275;background:#eee8df;border-radius:14px;padding:10px 14px;font-size:13px}.status i{background:#aaa;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.status.online{color:#4a775a;background:#e1f0e6}.status.online i{background:#53a26b;box-shadow:0 0 0 4px #78c68d33}.cloud-settings{max-width:680px}.cloud-settings>small{color:#85908a;margin:12px 0 18px;line-height:1.6;display:block}.cloud-settings>.primary{min-width:150px}.cloud-settings>p{color:#75817b;line-height:1.8}.cloud-ok{color:#417152;background:#e3f2e7;border-radius:15px;padding:18px;font-weight:800}.fixed-cloud-address{background:#f4f7f4;border:1px solid #d9dfd9;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.fixed-cloud-address strong{color:#315846;font-size:17px}.fixed-cloud-address small{color:#7e8983}.pwa-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pwa-actions button{color:#fff;background:#476f5d;border:0;border-radius:11px;padding:11px 14px;font-weight:700}.pwa-actions button:disabled{opacity:.55}.pairing-card,.pairing-code{background:#f5f9f6;border:1px solid #d7e1da;border-radius:16px;gap:10px;margin-top:18px;padding:17px;display:grid}.pairing-card>small,.pairing-code small{color:#74827b;line-height:1.6}.pairing-card>div{grid-template-columns:1fr auto;gap:9px;display:grid}.pairing-card input{text-align:center;letter-spacing:.18em;margin:0;font-size:22px;font-weight:800}.pairing-card button,.manual-token button{color:#fff;background:#476f5d;border:0;border-radius:11px;padding:11px 16px;font-weight:700}.pairing-card button:disabled{opacity:.5}.pairing-card>p,.pairing-message{color:#52725f;margin:0;font-size:13px}.pairing-code{justify-items:center;padding:22px}.pairing-code span{color:#6d7b74}.pairing-code strong{color:#315846;letter-spacing:.2em;font-variant-numeric:tabular-nums;font-size:42px}.manual-token{background:#faf9f6;border:1px solid #e3e1da;border-radius:13px;margin-top:18px;padding:13px 15px}.manual-token summary{cursor:pointer;color:#7c8681;font-size:12px}.manual-token button{margin-top:10px}.password-settings{border-top:1px solid #e5e1d9;margin-top:24px;padding-top:20px}.password-settings>strong,.password-settings>small{display:block}.password-settings>small{color:#87918c;margin-top:5px}.password-settings>div{grid-template-columns:1fr 1fr auto;gap:9px;margin-top:12px;display:grid}.password-settings button{color:#fff;background:#476f5d;border:0;border-radius:11px;padding:0 14px}.password-settings button:disabled{opacity:.5}.snapshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.snapshot-card{color:inherit;background:#fff;border:1px solid #e6e3dc;border-radius:17px;text-decoration:none;transition:all .2s;overflow:hidden}.snapshot-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #233c3317}.snapshot-card img{aspect-ratio:16/10;object-fit:cover;background:#e8ece9;width:100%;display:block}.snapshot-card>div{gap:5px;padding:13px;display:grid}.snapshot-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.snapshot-card span,.snapshot-card small{color:#87918c;font-size:12px}.snapshot-empty{color:#87918c;text-align:center;border:1px dashed #d7ddd8;border-radius:16px;grid-column:1/-1;padding:50px 20px}.snapshot-settings{background:#f2f6f2;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.snapshot-settings label{flex:1;min-width:230px;font-weight:700}.snapshot-settings select{background:#fff;border:1px solid #d8ddd8;border-radius:10px;padding:9px 11px}.snapshot-settings button{color:#fff;background:#476f5d;border:0;border-radius:10px;padding:10px 14px}.snapshot-settings button:disabled{opacity:.5}.snapshot-settings .snapshot-test{background:#d99145}.snapshot-settings .snapshot-refresh{color:#476f5d;background:#fff;border:1px solid #cbd8d0}.snapshot-error{color:#a74933;background:#fff0eb;border-radius:12px;margin:-6px 0 16px;padding:11px 14px;font-size:13px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.metric{border-radius:20px;flex-direction:column;min-height:145px;padding:20px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";background:#fff4;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-25px}.metric>span{font-size:13px}.metric strong{margin-top:13px;font-size:37px;line-height:1}.metric small{opacity:.65;margin-top:8px}.metric.mint{background:#d9ebe0}.metric.peach{background:#f3dfce}.metric.blue{background:#dce7eb}.metric.lilac{background:#e6dfeb}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.panel{background:#fff;border:1px solid #ebe8df;border-radius:21px;overflow:hidden;box-shadow:0 7px 24px #4c574f0a}.panel>header{border-bottom:1px solid #eeeae2;justify-content:space-between;align-items:center;height:62px;padding:0 22px;display:flex}.panel h2{margin:0;font-size:17px}.panel>header span{color:#9b978e;font-size:12px}.panel-body{padding:18px 22px}.activity{border-bottom:1px solid #f0eee8;align-items:center;gap:13px;padding:13px 0;display:flex}.activity:last-child{border:0}.activity>span{text-align:center;color:#527362;background:#edf3ef;border-radius:9px;min-width:42px;padding:7px;font-size:11px}.activity div{flex-direction:column;flex:1;display:flex}.activity strong{font-size:13px;font-weight:600}.activity small{color:#a09c94;margin-top:3px}textarea{resize:vertical;background:#fbfaf6;border:1px solid #deddd6;border-radius:14px;outline:none;width:100%;min-height:145px;padding:14px;line-height:1.7}.send-row{gap:9px;margin-top:12px;display:flex}.send-row select{background:#fff;border:1px solid #deddd6;border-radius:12px;flex:1;padding:0 10px}.primary{color:#fff;background:#426957;border:0;border-radius:12px;padding:11px 18px;font-weight:700;box-shadow:0 4px 12px #4269572b}.wide{width:100%;margin-top:12px;padding:14px}.editor-tabs{gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.editor-tabs button,.duration-row button{color:#68736d;white-space:nowrap;background:#fff;border:1px solid #dedbd3;border-radius:11px;padding:9px 16px}.editor-tabs button.active,.duration-row button.active{color:#fff;background:#426957;border-color:#426957}.field-label{color:#89877f;margin-bottom:8px;font-size:12px;display:block}.large-editor{min-height:350px}.editor-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.editor-actions span{color:#939087;font-size:12px}.structured-editor{gap:12px;display:grid}.structured-editor>label{color:#66736c;gap:7px;font-size:13px;font-weight:700;display:grid}.structured-editor>label>input,.structured-editor>label>textarea,.subject-editor input,.structured-row input{background:#fbfaf6;border:1px solid #dcded8;border-radius:11px;outline:none;width:100%;min-width:0;padding:11px 12px}.structured-editor>label>input:focus,.structured-editor>label>textarea:focus,.subject-editor input:focus,.structured-row input:focus{border-color:#6c9a82;box-shadow:0 0 0 4px #74a68b1c}.subject-editor{background:#fbfaf6;border:1px solid #e3dfd6;border-radius:17px;padding:16px}.subject-editor>header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px;display:flex}.subject-editor>header label{color:#78837d;gap:5px;font-size:12px;font-weight:700;display:grid}.subject-editor>header input{background:#fff;width:180px}.subject-editor>header button{color:#a75e53;background:0 0;border:0}.structured-row{grid-template-columns:32px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-top:8px;display:grid}.structured-row.generic{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.5fr) 44px}.structured-row>span{text-align:center;color:#a39072;font-weight:800}.structured-row>button{color:#a85c51;background:#f3ebe8;border:0;border-radius:10px;font-size:20px}.structured-head{color:#8b918d;grid-template-columns:minmax(130px,.7fr) minmax(220px,1.5fr) 44px;gap:8px;padding:0 7px;font-size:12px;display:grid}.add-structured,.add-subject{color:#4d735f;background:#f3f7f4;border:1px dashed #bac8c0;border-radius:11px;width:100%;padding:10px}.add-subject{background:#fff}.approval-list{gap:11px;display:grid}.approval-item{background:#fffdfa;border:1px solid #e6e2d9;border-radius:16px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;display:grid}.approval-item>span{color:#926c27;text-align:center;background:#fff0c9;border-radius:9px;padding:8px;font-size:12px;font-weight:800}.approval-item p{color:#66716b;margin:4px 0}.approval-item small{color:#99958d}.approval-item>div:last-child{gap:8px;display:flex}.approval-item button{border:0;border-radius:10px;padding:10px 14px}.approval-item .reject{color:#8e6e60;background:#f3eee9}.approval-item .approve{color:#fff;background:#4f8266;font-weight:700}.approval-empty{color:#56806a;text-align:center;padding:55px 20px;font-weight:700}.roster-page{gap:16px;display:grid}.roster-import{background:#f2f6f2;border-radius:16px;grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.roster-import p{color:#78847e;margin:5px 0 0;font-size:12px;line-height:1.6}.roster-import textarea{min-height:100px}.roster-import>div:last-child{gap:8px;display:grid}.roster-import button,.file-choice,.manual-student button{color:#426957;cursor:pointer;background:#fff;border:1px solid #bdcac2;border-radius:11px;place-items:center;min-height:44px;padding:10px 14px;display:grid}.file-choice input{display:none}.manual-student{grid-template-columns:1fr auto;gap:8px;display:grid}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.roster-grid>div{background:#fffdfa;border:1px solid #e2e4de;border-radius:12px;grid-template-columns:28px 1fr 36px;align-items:center;gap:5px;padding:6px;display:grid}.roster-grid span{text-align:center;color:#a1937e;font-size:12px}.roster-grid input{background:0 0;border:0;min-width:0;padding:8px 3px}.roster-grid button{color:#a85c51;background:#f5e9e5;border:0;border-radius:8px;height:34px;font-size:18px}.roster-warning{color:#826424;background:#fff2cf;border-radius:12px;padding:14px}.assignment-edit-card{background:#fbfaf6;border:1px solid #e1dfd7;border-radius:17px;padding:16px}.assignment-edit-card>header{justify-content:space-between;margin-bottom:12px;display:flex}.assignment-edit-card>header button{color:#a75e53;background:0 0;border:0}.assignment-fields{grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:10px;display:grid}.assignment-fields label{color:#6d7972;gap:6px;font-size:12px;font-weight:700;display:grid}.assignment-fields input,.assignment-fields textarea{background:#fff;border:1px solid #dcded8;border-radius:11px;width:100%;min-height:44px;padding:10px 12px}.assignment-fields textarea{resize:vertical;min-height:70px}.student-picker-head{color:#5e6c64;justify-content:space-between;align-items:center;margin:14px 0 8px;font-size:13px;font-weight:700;display:flex}.student-picker-head div{gap:6px;display:flex}.student-picker-head button{color:#4c705e;background:#fff;border:1px solid #cbd4ce;border-radius:9px;min-height:38px}.student-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.student-picker label{cursor:pointer;background:#fff;border:1px solid #dde2de;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:7px;display:flex}.student-picker label.selected{color:#325b46;background:#e9f4ed;border-color:#74a289;font-weight:700}.student-picker input,.approval-check input,.approval-toolbar input{accent-color:#47765e;width:19px;height:19px}.assignment-overview{gap:11px;display:grid}.assignment-summary{background:#fffdfa;border:1px solid #e2e1da;border-radius:16px;overflow:hidden}.assignment-summary-head{text-align:left;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) auto 30px;align-items:center;gap:12px;width:100%;min-height:78px;padding:13px;display:grid}.assignment-summary-head>span{color:#48705d;text-align:center;background:#eaf2ec;border-radius:9px;padding:8px;font-size:12px;font-weight:800}.assignment-summary-head p{color:#78817c;margin:4px 0 0}.assignment-summary-head small{color:#8b938e;text-align:right;line-height:1.6}.assignment-summary-head i{color:#668070;font-size:22px;font-style:normal}.assignment-students{background:#f8f7f2;border-top:1px solid #ebe8e0;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:12px;display:grid}.assignment-students>div{background:#fff;border:1px solid #e0e3df;border-radius:10px;place-items:center;gap:3px;min-height:55px;padding:7px;display:grid}.assignment-students strong{overflow-wrap:anywhere}.assignment-students span{color:#8b938e;font-size:11px}.assignment-students .submitted{background:#fff5da;border-color:#dfbd70}.assignment-students .approved{background:#eaf5ee;border-color:#87b098}.approval-toolbar{background:#f2f5f2;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 13px;display:flex}.approval-toolbar label{align-items:center;gap:8px;display:flex}.approval-toolbar>div{gap:8px;display:flex}.approval-toolbar button{border:0;border-radius:10px;min-height:42px;padding:9px 15px}.approval-toolbar button:not(.primary){color:#806b5d;background:#eeeae4}.approval-toolbar button:disabled{opacity:.45}.approval-item{grid-template-columns:30px 62px minmax(0,1fr) auto}.approval-item.selected{background:#f2f8f4;border-color:#7ca38e}.approval-check{place-items:center;display:grid}.voice-broadcast{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:28px;display:flex}.voice-rings{background:#e4eee7;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 0 0 16px #eef4f0,0 0 0 32px #f5f7f3}.voice-rings span{font-size:45px}.voice-broadcast>strong{margin-top:40px;font-size:25px}.voice-broadcast>p{color:#77817c;min-height:24px;margin:8px 0 20px}.voice-broadcast>button{color:#fff;touch-action:none;background:#426957;border:0;border-radius:24px;min-width:min(320px,100%);min-height:82px;font-size:20px;font-weight:800;box-shadow:0 12px 30px #42695740}.voice-broadcast>button:disabled{box-shadow:none;background:#b7bfba}.voice-broadcast>small{color:#8c948f;max-width:560px;margin-top:18px;line-height:1.7}.voice-broadcast.speaking .voice-rings{background:#f2d9d2;animation:.7s ease-in-out infinite alternate voice-pulse;box-shadow:0 0 0 16px #f8e8e3,0 0 0 32px #fbf2ee}.voice-broadcast.speaking>button{background:#b95349}.voice-broadcast.compact{text-align:left;background:#f5faf7;border:1px solid #dbe5de;border-radius:18px;grid-template-columns:54px minmax(150px,.8fr) minmax(190px,1fr) minmax(210px,.8fr);justify-content:stretch;gap:14px;min-height:0;margin-top:18px;padding:16px 18px;display:grid}.voice-broadcast.compact .voice-rings{width:48px;height:48px;box-shadow:none}.voice-broadcast.compact .voice-rings span{font-size:24px}.voice-broadcast.compact>strong{margin:0;font-size:17px}.voice-broadcast.compact>p{min-height:0;margin:0;font-size:12px}.voice-broadcast.compact>button{border-radius:15px;min-width:0;min-height:52px;font-size:16px}@keyframes voice-pulse{to{transform:scale(1.04)}}.message-compose{max-width:700px}.message-compose label{margin:7px 0 9px;font-weight:700;display:block}.duration-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.file-transfer{gap:14px;display:grid}.file-upload-card{background:#f4f8f5;border:1px solid #dce6df;border-radius:17px;align-items:center;gap:18px;padding:20px;display:flex}.file-upload-card>div{flex:1;min-width:0}.file-upload-card p{color:#748078;margin:7px 0 0;line-height:1.6}.file-upload-card input{display:none}.file-upload-card>span{color:#7b867f;max-width:300px;font-size:12px;line-height:1.55}.file-note{color:#7e652c;background:#fff4d9;border-radius:11px;padding:11px 14px}.teacher-file-list{background:#fff;border:1px solid #e6e2da;border-radius:15px;overflow:hidden}.teacher-file-list>a{color:inherit;border-bottom:1px solid #eeeae3;align-items:center;gap:14px;padding:15px 17px;text-decoration:none;display:flex}.teacher-file-list>a:last-child{border-bottom:0}.teacher-file-list>a>div{flex:1;gap:5px;min-width:0;display:grid}.teacher-file-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-file-list small{color:#8b948f}.teacher-file-list span{color:#476f5d;background:#e8f1eb;border-radius:9px;padding:8px 12px;font-weight:700}.class-file-list{gap:11px;display:grid}.class-file-list>a{color:inherit;background:#fff;border:1px solid #e5e1d8;border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 18px;text-decoration:none;display:grid;box-shadow:0 4px 12px #26372f0b}.class-file-list>a>i{color:#47705d;background:#e8f1eb;border-radius:13px;place-items:center;width:44px;height:44px;font-size:24px;font-style:normal;display:grid}.class-file-list>a>div{gap:5px;min-width:0;display:grid}.class-file-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.class-file-list small{color:#8a928e}.class-file-list>a>span{color:#fff;background:#476f5d;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}.camera-toolbar{background:#e5eee7;border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px 20px;display:flex}.camera-warning{color:#8a6a2f;background:#fdf3e3;border:1px solid #ecd9ae;border-radius:12px;margin:-8px 0 14px;padding:11px 15px;font-size:12px;line-height:1.6}.camera-toolbar>div{flex-direction:column;display:flex}.camera-toolbar span{color:#728078;margin-top:4px;font-size:12px}.camera-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.camera-card{background:#fff;border:1px solid #e4e1d9;border-radius:21px;overflow:hidden}.camera-preview{aspect-ratio:16/9;color:#fff;background:linear-gradient(145deg,#263932,#17251f);place-content:center;justify-items:center;display:grid;position:relative}.camera-preview>span{color:#b7c6bf;font-size:10px;position:absolute;top:11px;left:13px}.camera-preview .lens{color:#749184;font-size:44px}.camera-preview small{color:#abb8b2;margin-top:8px}.camera-info{padding:17px}.camera-info>div:first-child{justify-content:space-between;display:flex}.camera-info span{color:#a17e6d;font-size:11px}.camera-info span.ok{color:#56906c}.camera-info p{color:#8b918d;font-size:12px}.camera-info button{background:#faf9f6;border:1px solid #deddd7;border-radius:9px;margin-right:7px;padding:8px 11px;font-size:12px}.storage-card{background:#fff;border:1px solid #e4e1d9;border-radius:18px;margin-top:18px;padding:18px 20px}.storage-card>div:first-child{justify-content:space-between;display:flex}.storage-bar{background:#ece9e1;border-radius:10px;height:8px;margin:13px 0 9px;overflow:hidden}.storage-bar i{background:#6d9a7c;width:42%;height:100%;display:block}.storage-card small{color:#99958d}.mobile-monitor-hub{background:#fff;border:1px solid #dfe4df;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #30483c12}.monitor-channel-tabs{background:#eef3ef;grid-template-columns:1fr 1fr;padding:8px;display:grid}.monitor-channel-tabs button{color:#78857e;background:0 0;border:0;border-radius:14px;min-height:44px;font-weight:700;position:relative}.monitor-channel-tabs button.active{color:#355b48;background:#fff;box-shadow:0 3px 12px #294c3a16}.monitor-channel-tabs i{background:#df5b4d;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:12px}.monitor-screen{aspect-ratio:16/9;color:#fff;background:#14231c;position:relative;overflow:hidden}.monitor-screen iframe,.monitor-screen>.remote-live{border:0;width:100%;height:100%;position:absolute;inset:0}.monitor-placeholder{background:radial-gradient(circle at 50% 38%,#2b463a,#14231c 70%);flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;height:100%;display:flex}.monitor-placeholder>span{color:#8eaa9d;font-size:58px}.monitor-placeholder small{color:#aebdb6}.monitor-badge{z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b1711a6;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex;position:absolute;top:12px;left:12px}.monitor-badge i{background:#8b9790;border-radius:50%;width:8px;height:8px}.monitor-badge i.recording{background:#e15449;box-shadow:0 0 0 4px #e1544933}.monitor-camera-select{grid-template-columns:minmax(0,1fr) minmax(130px,.85fr);align-items:center;gap:12px;padding:14px 16px 8px;display:grid}.monitor-camera-select>div{gap:3px;display:grid}.monitor-camera-select small{color:#89948e}.monitor-camera-select select{background:#fafbf9;border:1px solid #dfe3de;border-radius:11px;width:100%;min-width:0;padding:10px}.monitor-actions{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 14px 14px;display:grid}.monitor-actions button{color:#3e5e4e;background:#f8faf8;border:1px solid #dfe3de;border-radius:14px;place-items:center;gap:2px;min-height:58px;font-weight:700;display:grid}.monitor-actions button span{font-size:18px}.monitor-actions button.danger{color:#aa4f45;background:#fff6f3;border-color:#efd0ca}.monitor-actions button:disabled{opacity:.45}.record-row{border-bottom:1px solid #eeeae3;grid-template-columns:50px 1fr 110px 55px;align-items:center;gap:12px;padding:14px 0;display:grid}.record-type{color:#4e8061;font-size:12px}.record-row strong{font-size:13px}.record-row time{color:#99958d;font-size:12px}.record-row button{color:#4e735f;background:#edf3ef;border:0;border-radius:8px;padding:7px}.record-detail-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13241dc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.record-detail{background:#fff;border-radius:22px;width:min(520px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 24px 70px #0b17124d}.record-detail header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.record-detail header div{gap:4px;display:grid}.record-detail header small{color:#87918c}.record-detail header strong{font-size:21px}.record-detail header button{background:#f1f3f1;border:0;border-radius:50%;width:42px;height:42px;font-size:24px}.record-detail dl{background:#ebe8e1;border:1px solid #ebe8e1;border-radius:14px;gap:1px;display:grid;overflow:hidden}.record-detail dl>div{background:#fff;grid-template-columns:90px 1fr;gap:10px;padding:13px;display:grid}.record-detail dt{color:#87918c}.record-detail dd{overflow-wrap:anywhere;margin:0}.record-snapshot{color:#476f5d;text-align:center;gap:8px;margin:16px 0;text-decoration:none;display:grid}.record-snapshot img{object-fit:contain;background:#e8ece9;border-radius:14px;width:100%;max-height:320px}.camera-preview iframe,.camera-preview>video{object-fit:contain;background:#101713;border:0;width:100%;height:100%;position:absolute;inset:0}.remote-live{background:#101713;width:100%;height:100%;position:absolute;inset:0}.remote-live video{object-fit:contain;background:#101713;width:100%;height:100%;display:block}.live-status{color:#e7eee9;text-align:center;pointer-events:none;background:#10171370;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.live-status.failed{pointer-events:auto;background:#101713e0}.live-status button{color:#29473c;background:#f8f7f2;border:1px solid #ffffffa6;border-radius:10px;padding:9px 16px;font-weight:700}.camera-info span.recording{color:#d65c4c;font-weight:700}.camera-info select{color:#48554e;background:#faf9f6;border:1px solid #deddd7;border-radius:10px;width:100%;margin-top:12px;padding:9px 10px}.camera-info button:disabled{opacity:.45;cursor:not-allowed}.camera-info button.stop-record{color:#b64f43;background:#fff7f5;border-color:#e3b5ae}.storage-path{background:#faf9f6;border:1px solid #e5e2da;border-radius:13px;align-items:center;gap:14px;margin-top:15px;padding:12px 14px;display:flex}.storage-path>div{flex:1;gap:4px;min-width:0;display:grid}.storage-path small{color:#8b918d;font-size:11px}.storage-path strong{color:#43514a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.storage-path button{color:#fff;background:#476f5d;border:0;border-radius:10px;flex:none;padding:10px 14px}.storage-path button:disabled{opacity:.5}.timeline-panel{background:#fff;border:1px solid #dedbd2;border-radius:20px;margin-top:18px;scroll-margin-top:24px;overflow:hidden}.timeline-error{color:#ae514a}.timeline-panel>header{border-bottom:1px solid #ece9e1;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.timeline-panel>header div{flex-direction:column;display:flex}.timeline-panel>header span{color:#8e938f;margin-top:3px;font-size:11px}.timeline-panel>header button{background:#f0eee8;border:0;border-radius:50%;width:31px;height:31px;font-size:19px}.timeline-date{color:#7d8782;align-items:center;gap:7px;font-size:12px;display:flex}.timeline-date input{border:1px solid #ddd9d1;border-radius:9px;padding:7px 9px}.timeline-panel video{background:#17231e;border-radius:12px;width:min(760px,100%);max-height:430px;margin:18px auto;display:block}.playback-stage{background:#17231e;border-radius:12px;width:min(760px,100%);min-height:180px;margin:18px auto;position:relative;overflow:hidden}.playback-stage video{border-radius:0;width:100%;min-height:180px;margin:0}.playback-state{z-index:3;color:#fff;text-align:center;background:#15231ee8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.playback-state small{color:#b8c4be}.playback-state.error{background:#241b19eb}.playback-state button{color:#385746;background:#fff;border:0;border-radius:11px;padding:9px 16px;font-weight:700}.spinner{border:3px solid #ffffff42;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.timeline-list{max-height:310px;padding:8px 18px 18px;overflow-y:auto}.timeline-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeae3;grid-template-columns:1fr 100px 50px;align-items:center;width:100%;padding:13px 8px;display:grid}.timeline-list button span{color:#99958d}.timeline-list button i{color:#4d7962;font-style:normal}.empty-timeline{text-align:center;color:#97968e;padding:40px}.scrub-timeline{background:#f7faf8;border:1px solid #dfe6e1;border-radius:16px;margin:18px;padding:18px}.scrub-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scrub-heading span{color:#66756d;font-weight:700}.scrub-heading strong{color:#315846;font-variant-numeric:tabular-nums;font-size:22px}.availability-track{background:#e7e8e4;border-radius:12px;height:38px;position:relative;overflow:visible}.availability-track>i{background:#6fa181;border-radius:4px;height:16px;position:absolute;top:11px}.availability-track input{z-index:2;cursor:grab;opacity:.86;accent-color:#315846;touch-action:none;width:100%;height:38px;margin:0;position:absolute;inset:0}.availability-track input:active{cursor:grabbing}.time-labels{color:#8b948f;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.scrub-timeline>button{color:#fff;background:#476f5d;border:0;border-radius:10px;margin-top:14px;padding:10px 15px;font-weight:700}.scrub-timeline>small{color:#7e8983;margin-top:9px;display:block}.segment-list{margin:0 18px 18px}.segment-list>summary{cursor:pointer;color:#64756c;font-size:13px;font-weight:700}.record-plan{background:#fff;border:1px solid #e4e1d9;border-radius:18px;align-items:center;gap:11px;margin-top:18px;padding:17px 20px;display:flex}.record-plan>div{flex-direction:column;flex:1;display:flex}.record-plan>div span{color:#8d948f;margin-top:3px;font-size:11px}.record-plan label{white-space:nowrap;font-size:13px}.record-plan input[type=time]{border:1px solid #deddd7;border-radius:9px;width:105px;padding:8px}.record-plan button{color:#fff;background:#476f5d;border:0;border-radius:10px;padding:9px 13px}.startup-settings{background:#f6faf7;border:1px solid #d9e3dc;border-radius:18px;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(210px,1fr) auto;align-items:center;gap:15px;margin-top:18px;padding:18px 20px;display:grid}.startup-settings>div{gap:4px;display:grid}.startup-settings>div span,.startup-settings small{color:#7e8c84;font-size:11px}.startup-settings label{align-items:center;gap:10px;display:flex}.startup-settings label input{accent-color:#476f5d;width:20px;height:20px}.startup-settings label span{gap:3px;display:grid}.startup-settings label b{color:#435149;font-size:13px}.startup-settings button{color:#fff;white-space:nowrap;background:#476f5d;border:0;border-radius:10px;padding:10px 14px}.startup-settings button:disabled{opacity:.55}.timeline-item{border-bottom:1px solid #eeeae3;grid-template-columns:1fr auto auto;align-items:center;display:grid}.timeline-list .timeline-item>button:first-child{border-bottom:0}.timeline-item>button:not(:first-child),.timeline-item>a{color:#47705d;background:#edf2ee;border:0;border-radius:8px;margin:0 4px;padding:7px 10px;font-size:12px;text-decoration:none}.locked-panel{background:#fff;border:1px solid #dedbd2;border-radius:18px;margin-top:18px;overflow:hidden}.locked-panel>header{border-bottom:1px solid #eeeae3;justify-content:space-between;padding:16px 19px;display:flex}.locked-panel>header span{color:#87918c;font-size:12px}.locked-panel>a{color:inherit;border-bottom:1px solid #f0ede7;grid-template-columns:1fr 220px 60px;padding:13px 19px;text-decoration:none;display:grid}.locked-panel>a small{color:#8c958f}.locked-panel>a b{color:#47705d;font-size:12px}.desktop-bubble{background:0 0;place-items:center;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.bubble-document,.bubble-document body,.bubble-document #root{background:0 0;width:100%;height:100%;overflow:hidden}.desktop-bubble .bubble-open{width:calc(76px * var(--bubble-scale,.9));height:calc(70px * var(--bubble-scale,.9));box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;border-radius:0;place-content:center;padding:0;display:grid}.desktop-bubble .bubble-open:active{cursor:grabbing}.desktop-bubble .bubble-open:hover{transform:scale(1.03)}.desktop-bubble .bubble-drag{z-index:4;color:#0000;opacity:0;cursor:move;background:0 0;border:0;width:46px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.desktop-bubble .cat{transform:scale(var(--bubble-scale,.9));pointer-events:none}.notice-document,.notice-document body,.notice-document #root{background:0 0;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.bubble-notice-shell{background:0 0;align-items:flex-end;width:100vw;height:100vh;padding:7px 8px 15px;display:flex}.bubble-notice{color:#33413a;background:#fffdf8;border:1px solid #e9e2d5;border-radius:18px;flex-direction:column;justify-content:center;gap:5px;width:100%;min-height:78px;max-height:112px;padding:13px 17px;animation:.2s ease-out notice-in;display:flex;position:relative;box-shadow:0 12px 35px #17251f35}.bubble-notice:after{content:"";background:#fffdf8;border-bottom:1px solid #e9e2d5;border-right:1px solid #e9e2d5;width:18px;height:18px;position:absolute;bottom:-10px;right:31px;transform:rotate(45deg)}.bubble-notice span{color:#b17b2e;letter-spacing:.08em;font-size:12px;font-weight:800}.bubble-notice strong{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px;line-height:1.45;display:-webkit-box;overflow:hidden}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.message-document,.message-document body,.message-document #root{background:0 0;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.message-overlay-shell{background:0 0;place-items:stretch stretch;width:100vw;height:100vh;padding:10px;display:grid}.message-overlay-card{color:#27312d;text-align:center;background:#fff;border:1px solid #ebe6dc;border-radius:clamp(28px,3vw,48px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(13px,2vh,24px);min-width:0;min-height:0;padding:clamp(36px,5vh,68px) clamp(48px,6vw,92px);animation:.24s ease-out message-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #17251f55}.message-overlay-card:before{content:"";background:linear-gradient(90deg,#e5b961,#f1d7a0,#e5b961);height:12px;position:absolute;inset:0 0 auto}.message-overlay-card>span{color:#a27334;letter-spacing:.12em;font-size:clamp(18px,1.6vw,30px);font-weight:800}.message-overlay-card>strong{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;max-height:60%;font-size:clamp(38px,4vw,76px);line-height:1.45;overflow:auto}.message-overlay-card>small{color:#8b918d;font-size:clamp(15px,1.25vw,23px)}.message-overlay-close{z-index:2;color:#59645e;background:#f1eee8;border:0;border-radius:50%;width:clamp(52px,4vw,72px);height:clamp(52px,4vw,72px);font-size:clamp(30px,2.5vw,44px);line-height:1;position:absolute;top:clamp(22px,2.4vw,42px);right:clamp(22px,2.4vw,42px)}.message-overlay-close:hover{background:#e8e2d9}@keyframes message-in{0%{opacity:.25;transform:scale(.94)}}@media (width<=800px){.teacher-shell{display:block}.side-nav{z-index:20;width:100%;height:68px;padding:7px 4px calc(7px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;position:fixed;top:auto;bottom:0}.teacher-brand,.teacher-profile{display:none}.side-nav>button{flex-direction:column;flex:1;gap:1px;min-width:0;padding:6px 1px;font-size:9px}.side-nav>button i{width:auto;font-size:16px}.teacher-main{padding:22px 15px 100px}.teacher-top{align-items:flex-start}.teacher-top h1{font-size:25px}.status{padding:8px 9px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.camera-grid{grid-template-columns:1fr}.snapshot-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:120px}.mode-switch{opacity:.92;bottom:78px;right:10px}.record-row{grid-template-columns:42px 1fr 70px 50px;gap:7px}.record-row button{min-height:38px}.password-settings>div{grid-template-columns:1fr}.password-settings button{padding:11px}.startup-settings{grid-template-columns:1fr}.record-plan{flex-wrap:wrap;align-items:flex-start}.record-plan>div{flex-basis:100%}.locked-panel>a{grid-template-columns:1fr 58px}.locked-panel>a small{grid-area:2/1/auto/-1;margin-top:4px}.pairing-card>div{grid-template-columns:1fr}.pairing-code strong{font-size:34px}.scrub-timeline{margin:12px;padding:14px}.timeline-panel video{border-radius:0;margin:12px auto}.file-upload-card{flex-direction:column;align-items:stretch}.file-upload-card>button{min-height:48px}.file-upload-card>span{max-width:none}.classroom-shell{padding:0}.class-window{border-radius:0;width:100vw;height:100vh}.tabs{display:flex;overflow-x:auto}.tabs button{min-width:82px}.content-head,.scroll-content{padding-left:18px;padding-right:18px}.class-header{padding:0 15px}.class-actions .fullscreen-action,.wallpaper-copy{display:none}.student-chip-grid,.fullscreen-mode .student-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-task-group>header{grid-template-columns:1fr auto}.student-task-group>header span{display:none}.side-nav{justify-content:flex-start;overflow-x:auto}.side-nav>button{flex:0 0 64px}.structured-head{display:none}.structured-row.generic{grid-template-columns:1fr 44px}.structured-row.generic input:first-child,.structured-row.generic input:nth-child(2){grid-column:1}.structured-row.generic button{grid-area:1/2/3;height:100%}.approval-item{grid-template-columns:54px 1fr}.approval-item>div:last-child{grid-column:1/-1;justify-content:flex-end}.approval-item button{flex:1;min-height:48px}.subject-editor>header{flex-direction:column;align-items:stretch}.subject-editor>header input{width:100%}.editor-actions{flex-direction:column;align-items:stretch;gap:10px}.editor-actions .primary{min-height:50px}.voice-broadcast:not(.compact){min-height:55vh;padding:18px 4px}.voice-broadcast:not(.compact)>button{min-height:92px}.camera-toolbar{align-items:flex-start;gap:10px;margin-bottom:12px;padding:13px 14px}.camera-toolbar button{padding:9px 12px}.mobile-monitor-hub .voice-broadcast.compact{border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:5px 11px;margin:0 14px 14px;padding:13px}.mobile-monitor-hub .voice-broadcast.compact .voice-rings{grid-row:1/3;width:40px;height:40px}.mobile-monitor-hub .voice-broadcast.compact .voice-rings span{font-size:20px}.mobile-monitor-hub .voice-broadcast.compact>strong{font-size:15px}.mobile-monitor-hub .voice-broadcast.compact>p{color:#77847d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mobile-monitor-hub .voice-broadcast.compact>button{touch-action:none;grid-column:1/-1;min-height:62px;margin-top:6px;font-size:17px}.monitor-camera-select{grid-template-columns:1fr}.monitor-camera-select select{min-height:44px}.monitor-actions button{min-height:62px}.storage-card,.record-plan,.startup-settings{margin-top:12px}.storage-card{padding:14px}.storage-path{flex-direction:column;align-items:stretch}.timeline-panel{border-radius:18px;margin-top:12px}.timeline-panel>header{grid-template-columns:1fr auto;gap:10px;padding:14px;display:grid}.timeline-panel>header>label{grid-area:2/1}.timeline-panel>header>button{grid-area:1/2}.playback-stage{border-radius:0;width:100%;margin:0}.playback-stage video{min-height:200px;max-height:50vh}.scrub-heading strong{font-size:19px}.availability-track,.availability-track input{height:48px}.scrub-timeline>button{width:100%;min-height:46px}.segment-list{margin-inline:12px}.timeline-list{padding-inline:5px}.timeline-list button{grid-template-columns:1fr 58px 38px;padding-inline:5px}.timeline-item{grid-template-columns:minmax(0,1fr) auto auto}}.classroom-shell.fullscreen-mode{position:fixed;inset:0;overflow:hidden}.fullscreen-mode .class-window,.fullscreen-mode .class-window.task-mode{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;transform:none!important}.camera-toolbar-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.camera-toolbar-actions>button{color:#426957;background:#fff;border:1px solid #cfd9d2;border-radius:11px;min-height:42px;padding:9px 14px;font-weight:750}.camera-toolbar-actions>button:disabled{opacity:.45}.desktop-pairing-overlay{z-index:10000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#26362f99;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.desktop-pairing-modal{background:#fffdf8;border:1px solid #e5e1d8;border-radius:28px;justify-items:center;gap:11px;width:min(520px,100vw - 36px);padding:30px 34px 24px;display:grid;box-shadow:0 28px 80px #15251d4d}.desktop-pairing-modal>.cat{margin:-8px 0 -3px;transform:scale(.82)}.desktop-pairing-modal>span{color:#658071;letter-spacing:.12em;font-size:12px;font-weight:800}.desktop-pairing-modal h2{color:#293a32;margin:0;font-size:27px}.desktop-pairing-modal p{color:#6d7b74;text-align:center;max-width:430px;margin:0 0 3px;line-height:1.7}.desktop-pairing-modal label{color:#5d6d65;width:100%;font-size:13px;font-weight:750}.desktop-pairing-modal>input{width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #d7ddd8;border-radius:12px;padding:10px 13px}.desktop-pairing-modal>.primary{min-width:190px;min-height:46px;margin-top:5px}.desktop-pairing-code{background:#eef6f0;border:1px solid #cfe0d5;border-radius:17px;justify-items:center;gap:4px;width:100%;padding:17px;display:grid}.desktop-pairing-code small,.desktop-pairing-code i{color:#738179;font-size:12px;font-style:normal}.desktop-pairing-code strong{color:#315e49;letter-spacing:.2em;font-variant-numeric:tabular-nums;font-size:44px;line-height:1.25}.desktop-pairing-error{color:#ad5148;text-align:center;font-size:13px}.desktop-pairing-actions{justify-content:center;gap:9px;width:100%;margin-top:2px;display:flex}.desktop-pairing-actions button{color:#69756f;background:#f8f7f2;border:1px solid #dddcd5;border-radius:10px;min-height:40px;padding:8px 14px}@media (width<=800px){.camera-toolbar{flex-direction:column;align-items:stretch}.camera-toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.camera-toolbar-actions>button{padding-inline:8px}}.task-publish-area{gap:10px;display:grid}.published-date-strip{background:#fffdfa;border:1px solid #e2e4de;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:11px 13px;display:grid}.published-date-strip>strong{color:#56675e;font-size:13px}.published-date-strip>div{gap:7px;padding:2px;display:flex;overflow-x:auto}.published-date-strip button{color:#52645b;background:#fff;border:1px solid #d8ded9;border-radius:10px;flex:none;align-items:center;gap:7px;min-height:42px;padding:7px 10px;display:flex}.published-date-strip button small{color:#8b948f}.published-date-strip button.active{color:#fff;background:#47735e;border-color:#47735e;font-weight:700}.published-date-strip button.active small{color:#dce9e2}.published-date-strip>div>span{color:#909892;align-self:center;font-size:12px}.assignment-summary-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.assignment-row-actions{align-items:center;gap:6px;padding:10px 12px 10px 0;display:flex}.assignment-row-actions button{color:#426957;background:#edf4ef;border:1px solid #cdd8d1;border-radius:10px;min-height:40px;padding:7px 12px;font-weight:700}.assignment-row-actions button.danger{color:#a65348;background:#fff2ef;border-color:#ead3ce}.approval-setting{background:#f6f2e9;border:1px solid #e2ddd2;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:13px 15px;display:flex}.approval-setting>div{gap:4px;display:grid}.approval-setting span{color:#7c8680;font-size:12px}.approval-setting>button{color:#fff;background:#aaa;border:0;border-radius:22px;min-width:92px;min-height:44px;font-weight:800}.approval-setting.enabled{background:#edf6f0;border-color:#cfe0d5}.approval-setting.enabled>button{background:#47765e}.approval-legacy-note{color:#806224;background:#fff3d5;border-radius:11px;margin-bottom:12px;padding:10px 13px;font-size:12px}.approval-date-list{gap:13px;display:grid}.approval-date-unit{background:#faf9f5;border:1px solid #dfe3de;border-radius:16px;overflow:hidden}.approval-date-unit>header{color:#3f6552;background:#eaf2ec;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.approval-date-unit>header span{color:#718078;font-size:12px}.approval-task-list{gap:9px;padding:9px;display:grid}.approval-task-unit{background:#fff;border:1px solid #e3e3dc;border-radius:13px;overflow:hidden}.approval-task-unit>header{background:#f7f6f1;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.approval-task-unit>header>div:first-child{gap:3px;min-width:0;display:grid}.approval-task-unit>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.approval-task-unit>header small{color:#89918c}.approval-task-unit>header>div:last-child{gap:5px;display:flex}.approval-task-unit>header button{color:#71655d;background:#edeae4;border:0;border-radius:9px;min-height:38px;padding:6px 10px}.approval-task-unit button.approve{color:#fff;background:#4f8266}.approval-task-unit button:disabled{opacity:.4}.approval-student-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:7px;display:grid}.approval-student-grid>div{background:#fff;border:1px solid #e1e4e0;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;min-width:0;min-height:48px;padding:5px 6px;display:grid}.approval-student-grid>div.selected{background:#edf6f0;border-color:#77a087}.approval-student-grid label{align-items:center;gap:5px;min-width:0;display:flex}.approval-student-grid input{accent-color:#47765e;flex:none;width:17px;height:17px}.approval-student-grid label strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.approval-student-grid small{color:#8c948f;font-size:10px}.approval-student-grid>div>div{gap:3px;display:flex}.approval-student-grid>div>div button{color:#8a6657;background:#f2ece7;border:0;border-radius:8px;width:30px;height:30px;padding:0}.record-task-list{gap:8px;padding:9px;display:grid}.record-task-unit{background:#fff;border:1px solid #e4e3dc;border-radius:12px;overflow:hidden}.record-task-unit>header{background:#f7f6f1;justify-content:space-between;gap:10px;padding:8px 11px;display:flex}.record-task-unit>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.record-task-unit>header span{color:#8b938e;font-size:11px}.record-compact-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;display:grid}.record-compact-grid>div{border:1px solid #e5e6e2;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;min-width:0;padding:6px 7px;display:grid}.record-compact-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.record-compact-grid span,.record-compact-grid time{color:#89918d;font-size:10px}.record-compact-grid button{color:#47705d;background:#edf3ef;border:0;border-radius:7px;grid-area:1/2/3;align-self:center;padding:6px;font-size:11px}@media (width<=800px){.published-date-strip{grid-template-columns:1fr}.task-publish-toolbar{padding:11px}.assignment-summary-row{grid-template-columns:1fr}.assignment-row-actions{justify-content:flex-end;padding:0 10px 10px}.approval-setting{align-items:flex-start}.approval-date-unit>header,.approval-task-unit>header{flex-direction:column;align-items:stretch}.approval-task-unit>header>div:last-child{grid-template-columns:repeat(3,1fr);display:grid}.approval-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-student-grid>div{grid-template-columns:minmax(0,1fr) auto}.approval-student-grid small{grid-column:1;padding-left:22px}.approval-student-grid>div>div{grid-area:1/2/3}.record-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.class-file-toolbar{background:#f2f7f3;border:1px solid #dce6df;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:13px 15px;display:flex}.class-file-toolbar>div{gap:3px;display:grid}.class-file-toolbar span{color:#7c8982;font-size:11px}.class-file-toolbar input{display:none}.class-file-toolbar button{color:#fff;white-space:nowrap;background:#476f5d;border:0;border-radius:11px;padding:10px 15px;font-weight:700}.class-file-error{color:#a74933;background:#fff0eb;border-radius:11px;margin-bottom:11px;padding:10px 13px}.class-file-list article{background:#fff;border:1px solid #e5e1d8;border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 4px 12px #26372f0b}.class-file-list article>i{color:#47705d;background:#e8f1eb;border-radius:13px;place-items:center;width:44px;height:44px;font-size:24px;font-style:normal;display:grid}.class-file-list article>div{gap:5px;min-width:0;display:grid}.class-file-list article strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-file-list article small{color:#8a928e}.class-file-list article>a,.class-file-list article>button{border:0;border-radius:10px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none}.class-file-list article>a{color:#fff;background:#476f5d}.class-file-list article>button{color:#a34f43;background:#f7eae6}.teacher-file-list article{border-bottom:1px solid #eeeae3;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:15px 17px;display:grid}.teacher-file-list article:last-child{border-bottom:0}.teacher-file-list article>div{gap:5px;min-width:0;display:grid}.teacher-file-list article strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-file-list article small{color:#8b948f}.teacher-file-list article>a,.teacher-file-list article>button{border:0;border-radius:9px;min-height:40px;padding:8px 12px;font-weight:700;text-decoration:none}.teacher-file-list article>a{color:#476f5d;background:#e8f1eb}.teacher-file-list article>button{color:#a34f43;background:#f7eae6}.file-password-dialog{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17251fbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.file-password-dialog form{background:#fffdf8;border-radius:23px;width:min(460px,100%);padding:27px;box-shadow:0 26px 75px #111d1855}.file-password-dialog form>span{color:#8b6c3a;font-size:12px;font-weight:800}.file-password-dialog h2{overflow-wrap:anywhere;margin:8px 0 4px}.file-password-dialog p{color:#77817c;margin:0 0 16px;line-height:1.6}.file-password-dialog input{border:1px solid #d9dfd9;border-radius:13px;outline:none;width:100%;padding:13px 14px}.file-password-dialog form>div{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.file-password-dialog form>div button{border:0;border-radius:11px;padding:10px 17px}@media (width<=800px){.class-file-list article{grid-template-columns:42px minmax(0,1fr) auto}.class-file-list article>button{grid-column:3}.class-file-toolbar{flex-direction:column;align-items:stretch}.teacher-file-list article{grid-template-columns:minmax(0,1fr) auto}.teacher-file-list article>button{grid-column:2}}@media (width<=760px){.roster-import{grid-template-columns:1fr}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-fields{grid-template-columns:1fr}.student-picker,.assignment-students{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-toolbar{flex-direction:column;align-items:stretch}.approval-toolbar>div{width:100%}.approval-toolbar button{flex:1}.approval-item{grid-template-columns:28px 52px minmax(0,1fr)}.approval-item>div:last-child{grid-column:1/-1}.assignment-summary-head{grid-template-columns:48px minmax(0,1fr) 25px}.assignment-summary-head small{text-align:left;grid-column:2}.assignment-summary-head i{grid-area:1/3/3}}.student-task-list{gap:11px;display:grid}.student-task-list-item{color:#34423b;text-align:left;background:#fff;border:1px solid #e3e2da;border-radius:17px;grid-template-columns:48px minmax(0,1fr) 120px 24px;align-items:center;gap:13px;width:100%;min-height:88px;padding:14px 17px;display:grid;box-shadow:0 5px 16px #52645a0d}.student-task-list-item>span{color:#b29e80;font-size:18px;font-weight:800}.student-task-list-item div{min-width:0}.student-task-list-item strong{font-size:18px}.student-task-list-item p{color:#68756e;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;line-height:1.5;display:-webkit-box;overflow:hidden}.student-task-list-item small{color:#88918c;text-align:right;line-height:1.6}.student-task-list-item>i{color:#547563;font-size:30px;font-style:normal}.student-task-detail{background:#fff;border:1px solid #e3e2da;border-radius:18px;overflow:hidden}.task-detail-back{color:#426957;background:#eaf1ec;border:0;border-radius:10px;margin:12px 14px 0;padding:9px 13px;font-weight:700}.student-task-detail>header{background:#f6f3eb;border-block:1px solid #ebe8df;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;margin-top:12px;padding:15px 17px;display:grid}.student-task-detail>header span{color:#806c4c;background:#e8dfcc;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800}.student-task-detail>header strong{overflow-wrap:anywhere;white-space:pre-wrap}.student-task-detail>header small{color:#87918c;white-space:nowrap}.record-date-group{border:1px solid #e5e2da;border-radius:15px;margin-bottom:18px;overflow:hidden}.record-date-group>header{color:#52685c;background:#f2f5f2;justify-content:space-between;padding:11px 14px;display:flex}.record-date-group>header span{color:#89928d;font-size:12px}.record-date-group .record-row{grid-template-columns:64px minmax(0,1fr) 90px 55px;padding-inline:14px}.desktop-bubble{contain:strict;background:0 0!important}@media (width<=800px){.student-task-list-item{grid-template-columns:34px minmax(0,1fr) 22px}.student-task-list-item small{text-align:left;grid-column:2}.student-task-list-item>i{grid-area:1/3/3}.student-task-detail>header{grid-template-columns:1fr auto}.student-task-detail>header span{display:none}.record-date-group .record-row{grid-template-columns:54px minmax(0,1fr) 70px 48px;gap:7px}}.class-window.task-mode{width:min(1500px,96vw);height:min(920px,94vh)}.task-mode .class-header{height:58px}.task-mode .brand .cat-small{margin-right:-17px;transform:scale(.58)}.task-mode .brand strong{font-size:17px}.task-mode .tabs{padding-block:5px}.task-mode .tabs button{min-height:40px;padding:6px 5px}.task-mode .scroll-content{min-height:0;padding:8px 14px 10px;overflow:hidden}.task-date-list{overscroll-behavior:contain;touch-action:pan-y;align-content:start;gap:10px;height:100%;padding:3px;display:grid;overflow-y:auto}.task-date-row{color:#34423b;text-align:left;background:#fff;border:1px solid #dfe3dc;border-radius:16px;grid-template-columns:minmax(0,1fr) 150px 30px;align-items:center;gap:14px;width:100%;min-height:86px;padding:12px 18px;display:grid;box-shadow:0 4px 13px #44584d0c}.task-date-row>div{min-width:0}.task-date-row strong{font-size:21px}.task-date-row p{color:#748078;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:14px;overflow:hidden}.task-date-row small{color:#748078;text-align:right;line-height:1.65}.task-date-row>i{color:#557464;font-size:29px;font-style:normal}.dated-task-detail{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.dated-task-toolbar{grid-template-columns:150px minmax(0,1fr) 110px;align-items:center;min-height:42px;padding:0 5px;display:grid}.dated-task-toolbar button{color:#3f6754;background:#e8f0ea;border:0;border-radius:10px;justify-self:start;min-height:38px;padding:7px 13px;font-weight:700}.dated-task-toolbar strong{text-align:center;font-size:20px}.dated-task-toolbar span{color:#7d8982;text-align:right}.task-column-board{flex:1;gap:10px;min-height:0;display:grid}.task-column-board.columns-1{grid-template-columns:1fr}.task-column-board.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.task-column-board.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.task-student-column{background:#fff;border:1px solid #dfe2dc;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 5px 16px #43594e0d}.task-student-column>header{background:#f2f5f1;border-bottom:1px solid #e7e6df;flex-direction:column;justify-content:center;gap:3px;min-height:66px;max-height:100px;padding:9px 13px;display:flex;overflow-y:auto}.task-student-column>header strong{overflow-wrap:anywhere;white-space:pre-wrap;font-size:clamp(17px,1.25vw,22px);line-height:1.35}.task-student-column>header small{color:#77847d;font-size:12px}.task-column-students{scrollbar-width:thin;overscroll-behavior:contain;scroll-snap-type:y proximity;touch-action:pan-y;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(46px,auto);align-content:start;gap:5px;min-height:0;padding:7px;display:grid;overflow-y:auto}.task-column-students>button{color:#34423b;scroll-snap-align:start;touch-action:manipulation;background:#fbfcfa;border:1.5px solid #d6ddd8;border-radius:10px;place-items:center;min-width:0;min-height:46px;padding:5px 22px 5px 5px;display:grid;position:relative}.task-column-students>button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(16px,1.1vw,21px);overflow:hidden}.task-column-students>button i{border:1.5px solid #aebbb4;border-radius:5px;place-items:center;width:17px;height:17px;font-size:11px;font-style:normal;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.task-column-students>button.submitted{color:#76551c;background:#fff3cf;border-color:#dfb95f}.task-column-students>button.submitted i{color:#fff;background:#dfb452;border-color:#d0a33f}.task-complete{color:#4f8067;grid-column:1/-1;place-self:center;padding:24px;font-size:22px;font-weight:800}.task-page-controls{grid-template-columns:130px 1fr 130px;align-items:center;gap:12px;min-height:46px;display:grid}.task-page-controls button{color:#426957;background:#e8f0ea;border:0;border-radius:11px;min-height:42px;font-weight:700}.task-page-controls button:disabled{opacity:.35}.task-page-controls span{justify-content:center;gap:8px;display:flex}.task-page-controls i{background:#ccd4cf;border-radius:50%;width:9px;height:9px}.task-page-controls i.active{background:#47735e;border-radius:8px;width:24px}.task-publish-toolbar{background:#f2f7f3;border:1px solid #dbe4dd;border-radius:15px;justify-content:space-between;align-items:end;gap:16px;padding:14px;display:flex}.task-publish-toolbar label{color:#5f7067;gap:6px;font-size:13px;font-weight:800;display:grid}.task-publish-toolbar input{background:#fff;border:1px solid #ccd8d0;border-radius:10px;min-height:44px;padding:8px 11px}.task-publish-toolbar>div{align-items:center;gap:12px;display:flex}.task-publish-toolbar button{color:#426957;background:#fff;border:1px solid #a9bdb1;border-radius:10px;padding:8px 13px;font-weight:700}.task-publish-toolbar span{color:#75817a;font-size:12px}.assignment-fields.task-only-field{grid-template-columns:1fr}.assignment-fields.task-only-field textarea{min-height:82px;font-size:17px}.assignment-status-detail{background:#f8f7f2;border-top:1px solid #ebe8e0}.assignment-status-tabs{z-index:2;background:#f8f7f2;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px 12px;display:grid;position:sticky;top:0}.assignment-status-tabs button{color:#68756e;background:#fff;border:1px solid #d9dfda;border-radius:10px;min-height:42px}.assignment-status-tabs button.active{color:#fff;background:#47735e;border-color:#47735e;font-weight:700}.status-empty{color:#7d8982;text-align:center;grid-column:1/-1;padding:28px}@media (width<=800px){.task-publish-toolbar,.task-publish-toolbar>div{flex-direction:column;align-items:stretch}.assignment-edit-card{padding:13px}.assignment-status-tabs{display:flex;overflow-x:auto}.assignment-status-tabs button{flex:none;min-width:105px}.assignment-students{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-summary-head>span{font-size:10px}}.task-column-students{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(44px,auto);gap:4px;padding:6px}.columns-1 .task-column-students{grid-template-columns:repeat(10,minmax(0,1fr))}.columns-2 .task-column-students{grid-template-columns:repeat(7,minmax(0,1fr))}.task-column-students>button{border-radius:9px;min-height:44px;padding:4px 20px 4px 4px}.task-column-students>button strong{font-size:clamp(15px,1vw,19px)}