:root{color:#173638;font-synthesis:none;--ink:#173638;--muted:#728487;--line:#dfe9e6;--mint:#159d78;--mint-dark:#087159;--mint-soft:#e9f8f2;--coral:#ef665d;--coral-soft:#fff0ef;--violet:#8c73d8;--violet-soft:#f2edff;--gold:#e5a821;--gold-soft:#fff7dc;background:#f5f8f7;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f5f8f7;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh;padding-left:220px}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:220px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:var(--mint);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.sidebar .brand{padding:0 8px 25px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#708184;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 13px;display:flex}.sidebar nav button:hover{background:#f4f8f7}.sidebar nav button.active{background:var(--mint-soft);color:var(--mint-dark);font-weight:700}.teacher{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.teacher>span{width:34px;height:34px;color:var(--mint-dark);background:#dcefe9;border-radius:50%;place-items:center;font-weight:800;display:grid}.teacher div{flex-direction:column;font-size:13px;display:flex}.teacher small{color:var(--muted);margin-top:2px}.app-shell main{min-height:100vh}.bottom-nav{display:none}.page{max-width:1180px;margin:auto;padding:48px 54px 70px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.page-head h1{letter-spacing:-.05em;margin:7px 0 6px;font-size:32px}.page-head p{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:var(--mint-dark);letter-spacing:.05em;font-size:13px;font-weight:700}.primary{background:var(--mint);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #159d7820}.quick-row{grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:42px;display:grid}.quick{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:15px;padding:24px;display:flex;box-shadow:0 5px 20px #123a3208}.quick>span{color:#56736c;background:#eff6f4;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.quick>div{flex-direction:column;flex:1;gap:4px;display:flex}.quick b{font-size:16px}.quick small{color:var(--muted)}.quick>svg{color:#a4b2b0}.scan-quick>span{background:var(--mint);color:#fff}.section-title{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-title h2,.qr-panel h2{margin:0 0 4px;font-size:20px}.section-title p{color:var(--muted);margin:0;font-size:13px}.text-button{color:var(--mint-dark);background:0 0;border:0;align-items:center;gap:5px;font-weight:600;display:flex}.assignment-list{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.assignment-row{border-bottom:1px solid #edf2f0;grid-template-columns:46px 1fr minmax(160px,220px) 120px;align-items:center;gap:15px;padding:19px 22px;display:grid}.assignment-row:last-child{border-bottom:0}.subject-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.subject-icon.mint,.assignment-cell i.mint{color:var(--mint);background:#e8f7f1}.subject-icon.blue,.assignment-cell i.blue{color:#4e91c8;background:#e9f3fc}.subject-icon.violet,.assignment-cell i.violet{background:var(--violet-soft);color:var(--violet)}.assignment-copy{flex-direction:column;gap:4px;display:flex}.assignment-copy small{color:var(--muted)}.progress{align-items:center;gap:9px;display:flex}.progress>div{background:#edf1f0;border-radius:8px;flex:1;height:6px;overflow:hidden}.progress i{background:var(--mint);border-radius:10px;height:100%;display:block}.progress small{color:var(--muted);white-space:nowrap}.row-meta{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.notice{color:var(--mint-dark);align-items:center;gap:10px;margin-top:18px;font-size:13px;display:flex}.notice div{flex-direction:column;display:flex}.notice small{color:var(--muted)}.toolbar{gap:10px;margin-bottom:16px;display:flex}.toolbar label{border:1px solid var(--line);color:#849390;background:#fff;border-radius:9px;flex:1;align-items:center;gap:8px;max-width:340px;height:40px;padding:0 12px;display:flex}.toolbar input{border:0;outline:0;width:100%}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 28px 0 12px}.table-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.table-row{border-top:1px solid #edf2f0;grid-template-columns:minmax(280px,2fr) 100px 100px 100px 40px;align-items:center;padding:16px 20px;font-size:14px;display:grid}.table-header{color:var(--muted);background:#fafcfc;border:0;font-size:12px}.assignment-cell{align-items:center;gap:12px;display:flex}.assignment-cell i{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.assignment-cell>span{flex-direction:column;gap:3px;display:flex}.assignment-cell small{color:var(--muted)}.table-row em{background:var(--mint-soft);color:var(--mint-dark);border-radius:20px;width:max-content;padding:5px 9px;font-size:12px;font-style:normal}.icon-button{background:0 0;border:0}.qr-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.qr-stats article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:20px;display:flex}.qr-stats article>span{background:var(--mint-soft);width:42px;height:42px;color:var(--mint);border-radius:12px;place-items:center;display:grid}.qr-stats article div{flex-direction:column;display:flex}.qr-stats b{font-size:24px}.qr-stats small{color:var(--muted)}.qr-panel{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:34px;display:flex}.qr-panel p{color:var(--muted);max-width:500px}.chips{gap:8px;margin:20px 0;display:flex}.chips span{background:#f1f5f4;border-radius:7px;padding:6px 10px;font-size:12px}.qr-preview{border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;gap:5px;width:210px;padding:18px;display:flex}.fake-qr{background:repeating-conic-gradient(#173638 0 25%,white 0 50%) 0/15px 15px;color:#fff;text-shadow:0 1px 2px #000;place-items:center;width:112px;height:112px;margin:0 auto 8px;padding:20px;font-weight:900;display:grid}.qr-preview small{color:var(--muted);font-size:10px}.display-mode{padding-left:0}.display-mode .sidebar,.display-mode .bottom-nav{display:none}.large-display{background:#fbfdfc;flex-direction:column;height:100vh;min-height:700px;display:flex;overflow:hidden}.display-header{border-bottom:1px solid var(--line);background:#fff;flex:0 0 76px;align-items:center;height:76px;padding:0 38px;display:flex}.display-header .brand{font-size:17px}.display-context{border-left:1px solid var(--line);flex-direction:column;gap:2px;margin-left:35px;padding-left:35px;display:flex}.display-context b{font-size:15px}.display-context span{color:var(--muted);font-size:12px}.display-filters{gap:8px;margin-left:auto;display:flex}.display-filters button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;height:36px;padding:0 12px;font-size:12px;display:flex}.display-body{flex:1;grid-template-columns:1.3fr 1fr;min-height:0;display:grid}.student-panel{flex-direction:column;min-width:0;padding:24px 30px 16px;display:flex}.completed-panel{border-right:1px solid var(--line);background:linear-gradient(145deg,#fff 55%,#f1fbf7)}.panel-head{justify-content:space-between;align-items:flex-start;height:50px;margin-bottom:14px;display:flex}.panel-head>div{align-items:center;gap:10px;display:flex}.panel-head h1{letter-spacing:-.04em;margin:0;font-size:22px}.panel-head strong{color:var(--mint);margin-left:4px;font-size:25px}.pending-panel .panel-head strong{color:#8c9a9a}.panel-head strong small{color:#99a7a4;margin-left:2px;font-size:12px}.panel-head p{color:var(--muted);align-items:center;gap:5px;margin:8px 0 0;font-size:11px;display:flex}.panel-symbol{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.panel-symbol svg{width:18px}.done-symbol{background:var(--mint-soft);color:var(--mint)}.legend-dot{border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.legend-dot.perfect{background:var(--gold)}.legend-dot.passed{background:var(--mint)}.legend-dot.unsubmitted{background:var(--coral)}.legend-dot.correction{background:var(--violet)}.student-grid{align-content:start;gap:6px 7px;display:grid}.completed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-name{background:#fff;border:1px solid #e7eeec;border-radius:9px;grid-template-rows:27px 16px;grid-template-columns:21px 1fr 17px;align-items:end;min-width:0;height:52px;padding:5px 8px;display:grid;position:relative}.student-name b{letter-spacing:.02em;white-space:nowrap;align-self:end;font-size:15px}.student-name small{color:#91a09e;white-space:nowrap;text-overflow:ellipsis;grid-column:2/4;align-self:start;font-size:9px;overflow:hidden}.order-mark{color:#558175;background:#edf5f2;border-radius:50%;align-self:end;place-items:center;width:17px;height:17px;margin-bottom:2px;font-size:8px;display:grid}.perfect-mark{color:var(--gold);align-self:end;margin-bottom:3px}.passed b{color:var(--mint-dark)}.status-mark{border-radius:50%;align-self:end;place-items:center;width:15px;height:15px;margin-bottom:2px;font-size:17px;line-height:1;display:grid}.unsubmitted b,.unsubmitted .status-mark{color:var(--coral)}.correction b{color:var(--violet)}.correction .status-mark{color:#fff;background:var(--violet)}.overnight-mini{justify-content:center;align-items:center;height:82px;margin-top:auto;display:flex}.overnight-mini img{object-fit:contain;opacity:.9;width:86px;height:64px}.overnight-mini.has-overnight{border-top:1px solid var(--line);height:auto;min-height:82px;padding-top:10px;display:block}.overnight-title{color:#6b6288;align-items:center;gap:6px;margin-bottom:7px;font-size:12px;display:flex}.overnight-title span{background:var(--violet-soft);border-radius:10px;padding:1px 6px}.overnight-names{grid-template-columns:1fr 1fr;gap:6px;display:grid}.overnight-names>span{color:var(--violet);background:#fff;border:1px solid #e8e3f5;border-radius:7px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:12px;display:flex}.overnight-names small{color:#9a91ad;font-size:9px}.display-footer{border-top:1px solid var(--line);color:#81918f;background:#fff;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-size:10px;display:flex;position:relative}.display-footer span{align-items:center;gap:5px;display:flex}.display-footer svg{color:var(--gold)}.display-footer button{color:#b7c2c0;background:0 0;border:0;font-size:9px;position:absolute;right:20px}.scan-page{background:#f5f8f7;min-height:100vh;padding-bottom:90px;position:relative}.mobile-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.mobile-head div{flex-direction:column;display:flex}.mobile-head small{color:var(--muted);font-size:11px}.mobile-head b{font-size:19px}.mobile-head button{background:#f2f6f5;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.scanner-area{color:#fff;text-align:center;background:linear-gradient(165deg,#123c39,#071f20);flex-direction:column;justify-content:center;align-items:center;height:440px;display:flex}.scan-frame{color:#c7e9df;place-items:center;width:190px;height:190px;margin-bottom:26px;display:grid;position:relative}.scan-frame>i{border-style:solid;border-color:#47d1aa;width:42px;height:42px;position:absolute}.scan-frame>i:first-child{border-width:3px 0 0 3px;border-radius:9px 0 0;top:0;left:0}.scan-frame>i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 9px 0 0;top:0;right:0}.scan-frame>i:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 9px;bottom:0;left:0}.scan-frame>i:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 9px;bottom:0;right:0}.scan-line{background:#55e7bd;height:2px;animation:2.3s ease-in-out infinite scan;position:absolute;left:7px;right:7px;box-shadow:0 0 12px #55e7bd}@keyframes scan{0%,to{top:15px}50%{top:170px}}.scanner-area h1{margin:0 0 8px;font-size:20px}.scanner-area p{color:#a9c3bf;margin:0;font-size:12px}.device-status{color:#9eb7b3;align-items:center;gap:8px;margin-top:17px;font-size:10px;display:flex}.device-status span{align-items:center;gap:4px;display:flex}.device-status i{background:#56706d;border-radius:50%;width:3px;height:3px}.demo-scan{background:var(--mint);color:#fff;border:0;border-radius:25px;align-items:center;gap:9px;height:46px;margin:-23px auto 0;padding:0 22px;font-weight:700;display:flex;position:relative;box-shadow:0 8px 24px #0b6c5845}.scan-pulse{place-items:center;width:21px;height:21px;display:grid;position:relative}.scan-pulse>span{border:1px solid #8ce4ca;border-radius:50%;position:absolute;inset:-4px}.scan-tip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:11px;max-width:420px;margin:34px auto;padding:15px 17px;display:flex}.scan-tip>svg{color:var(--mint)}.scan-tip span{flex-direction:column;font-size:13px;display:flex}.scan-tip small{color:var(--muted);margin-top:2px}.toast{z-index:60;color:#fff;background:#183c38;border-radius:22px;align-items:center;gap:7px;padding:11px 17px;font-size:13px;display:flex;position:fixed;top:95px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #0003}.sheet-backdrop{z-index:50;background:#09252170;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0 0 0 220px}.result-sheet{background:#fff;border-radius:24px 24px 0 0;width:min(520px,100%);max-height:92vh;padding:12px 24px 25px;position:relative;overflow:auto;box-shadow:0 -8px 40px #09252122}.sheet-handle{background:#dbe4e2;border-radius:5px;width:38px;height:4px;margin:0 auto 14px}.sheet-close{background:#f1f5f4;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:16px;right:18px}.sheet-close svg{width:16px}.alert-icon{background:var(--violet-soft);width:42px;height:42px;color:var(--violet);border-radius:12px;place-items:center;margin:4px auto 8px;display:grid}.result-sheet>h2{text-align:center;margin:6px 0;font-size:20px}.student-line{text-align:center;color:var(--muted);font-size:12px}.student-line b{color:var(--ink)}.task-options{flex-direction:column;gap:9px;margin:20px 0 14px;display:flex}.task-options button{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;padding:14px;display:flex}.task-options button>span{flex-direction:column;flex:1;gap:3px;display:flex}.task-options small{color:var(--muted)}.task-options b{font-size:16px}.task-options em{width:max-content;color:var(--violet);background:var(--violet-soft);border-radius:5px;padding:2px 5px;font-size:10px;font-style:normal}.task-options button.selected{border-color:var(--mint);background:#f7fcfa}.task-options button.overnight-option.selected{border-color:var(--violet);background:#fbf9ff}.sheet-primary{background:var(--mint);color:#fff;border:0;border-radius:10px;width:100%;height:44px;font-weight:700}.sheet-primary:disabled{color:#92a09e;background:#dbe4e2}.wrong-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin:14px auto 0;font-size:12px;display:flex}.book-identity{background:#f1fbf7;border:1px solid #bee6d9;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.book-identity>span{background:var(--mint);color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.book-identity>div{flex-direction:column;flex:1;display:flex}.book-identity small{color:var(--mint-dark);font-size:11px;font-weight:600}.book-identity h2{margin:2px 0 0;font-size:19px}.book-identity em{color:var(--violet);background:var(--violet-soft);border-radius:6px;padding:4px 7px;font-size:10px;font-style:normal}.student-detail{align-items:center;gap:10px;padding:8px 4px;display:flex}.avatar{background:#f0f4f3;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.student-detail>div:last-child{flex-direction:column;display:flex}.student-detail small{color:var(--muted);font-size:11px}.choose-label{color:var(--muted);margin:12px 0 8px;font-size:11px}.result-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-actions button{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:14px 7px 12px;display:flex}.result-actions button>span{flex-direction:column;display:flex}.result-actions small{color:var(--muted);margin-top:2px;font-size:9px}.perfect-action{color:#a17617!important;background:#fffbef!important;border-color:#f3dd9f!important}.pass-action{color:var(--mint-dark)!important;background:#f3fbf8!important;border-color:#bde7da!important}.reject-action{color:var(--violet)!important;background:#faf8ff!important;border-color:#ded5f5!important}@media (width<=1100px){.completed-grid{grid-template-columns:repeat(3,1fr)}.student-name{height:49px}.student-panel{padding:20px}.completed-grid,.pending-grid{gap:5px}.assignment-row{grid-template-columns:46px 1fr 170px}.row-meta{display:none}}@media (width<=720px){.app-shell{padding-bottom:64px;padding-left:0}.sidebar{display:none}.bottom-nav{z-index:40;border-top:1px solid var(--line);height:64px;padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#7e8e8c;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav button.active{color:var(--mint)}.bottom-nav small{font-size:9px}.page{padding:26px 18px 90px}.page-head{align-items:flex-start}.page-head h1{font-size:26px}.page-head p{max-width:250px}.page-head .primary{padding:0 12px}.quick-row{grid-template-columns:1fr;gap:10px}.quick{padding:17px}.assignment-row{grid-template-columns:40px 1fr 85px;gap:10px;padding:15px 12px}.subject-icon{width:38px;height:38px}.progress{display:block}.progress small{text-align:right;margin-top:5px;display:block}.toolbar{flex-wrap:wrap}.toolbar label{max-width:none}.toolbar select{flex:1;height:40px}.table-card{overflow-x:auto}.table-row{min-width:680px}.qr-stats{grid-template-columns:1fr}.qr-panel{padding:22px;display:block}.qr-preview{margin:25px auto 0}.mobile-head{padding:0 18px}.scanner-area{height:390px}.scan-tip{margin-left:18px;margin-right:18px}.sheet-backdrop{left:0}.result-sheet{padding-bottom:calc(25px + env(safe-area-inset-bottom))}.display-mode{padding-bottom:0}.large-display{min-width:950px}.display-mode main{overflow:auto}.display-body{min-height:620px}.display-header{min-width:950px}}:root{--ink:#243d39;--muted:#788681;--line:#e4e7df;--mint:#5ba78f;--mint-dark:#337863;--mint-soft:#eaf4ef;--coral:#df786d;--coral-soft:#faece8;--violet:#8975ad;--violet-soft:#f1edf7;--gold:#d5a44a;--gold-soft:#faf1d9;color:#243d39;background:#f8f7f2}body{background:#f8f7f2}.sidebar,.bottom-nav,.assignment-list,.table-card,.qr-panel,.qr-stats article,.quick{background:#fffefa}.brand-mark{border-radius:12px;box-shadow:0 7px 16px #5ba78f2a}.primary{background:var(--mint);border-radius:11px;box-shadow:0 7px 20px #5ba78f29}.primary:hover{background:#4a967e}.quick{border-color:var(--line);box-shadow:0 8px 24px #465b530a}.scan-quick{background:linear-gradient(120deg,#edf6f1,#fffdf8);border-color:#c9e1d7}.large-display{background:#faf9f4;min-height:0}.student-panel{min-height:0;overflow:hidden}.display-header{z-index:2;background:#fffefa;padding:0 32px;box-shadow:0 5px 20px #4e625a08}.display-context{margin-left:30px;padding-left:30px}.display-utilities{border-right:1px solid var(--line);gap:7px;margin-left:auto;margin-right:14px;padding-right:14px;display:flex}.display-toggle{border:1px solid var(--line);color:#87928e;background:#fafaf6;border-radius:18px;align-items:center;gap:5px;height:34px;padding:0 9px 0 10px;font-size:11px;display:flex}.display-toggle i{background:#dfe3de;border-radius:10px;width:24px;height:14px;transition:all .22s;position:relative}.display-toggle i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:all .22s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #4d5c5725}.display-toggle.on{color:var(--mint-dark);background:#f2f7f4;border-color:#cfe0d8}.display-toggle.on i{background:var(--mint)}.display-toggle.on i:after{transform:translate(10px)}.display-filters{margin-left:0}.display-filters button{background:#fffefa;border-radius:9px}.completed-panel{background:linear-gradient(145deg,#fffefa 52%,#eef6f1)}.pending-panel{background:linear-gradient(145deg,#fbfaf7,#f7f3f1)}.pending-symbol{color:#958a83;background:#f0ece8}.student-name{background:#fffefa;border-color:#e7e8e2;border-radius:10px;box-shadow:0 3px 10px #5d706806}.order-mark{color:#64857a;background:#edf4f0}.perfect .order-mark{background:var(--gold-soft);color:#967326}.perfect b{color:#967326}.overnight-names>span,.display-footer{background:#fffefa}.motion-enabled .student-name{animation:.4s cubic-bezier(.2,.8,.2,1) both studentIn}.motion-enabled .student-name:nth-child(3n+2){animation-delay:40ms}.motion-enabled .student-name:nth-child(3n){animation-delay:80ms}.motion-enabled .perfect-mark{animation:1.9s ease-in-out infinite twinkle}.motion-enabled .done-symbol{animation:2.8s ease-in-out infinite softFloat}@keyframes studentIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{50%{transform:rotate(-8deg)scale(1.12)}}@keyframes softFloat{50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.motion-enabled .student-name,.motion-enabled .perfect-mark,.motion-enabled .done-symbol{animation:none}}.motion-enabled .perfect-icons .perfect-mark:nth-child(2){animation-delay:.18s}.motion-enabled .perfect-icons .perfect-mark:nth-child(3){animation-delay:.36s}.brand-name{letter-spacing:.08em;font-size:21px;font-weight:900;line-height:1}.display-header .brand-name{font-size:25px}.display-body{transition:grid-template-columns .45s cubic-bezier(.2,.75,.2,1);overflow:hidden}.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}.display-select{border:1px solid var(--line);background:#fffefa;border-radius:9px;align-items:center;height:36px;display:flex;position:relative}.display-select select{min-width:144px;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:0 28px 0 12px;font-size:12px}.adaptive-grid{grid-template-columns:initial}.adaptive-grid .student-name{height:var(--student-card-height);grid-template-columns:calc(var(--student-mark-size) + 4px) minmax(0,1fr);grid-template-rows:minmax(21px,1fr) minmax(12px,.65fr);padding:4px 7px}.student-main{align-self:end;align-items:flex-end;gap:3px;min-width:0;display:flex}.student-main b{min-width:0}.perfect-icons{color:var(--gold);flex:none;align-items:center;gap:1px;display:inline-flex}.adaptive-grid .student-name b{font-size:var(--student-name-size);text-overflow:ellipsis;line-height:1.05;overflow:hidden}.adaptive-grid .student-name small{font-size:var(--student-meta-size);grid-column:1/3;line-height:1.15}.adaptive-grid .order-mark,.adaptive-grid .status-mark{width:var(--student-mark-size);height:var(--student-mark-size);font-size:calc(var(--student-mark-size) * .48)}.adaptive-grid .perfect-mark{width:var(--student-mark-size);height:var(--student-mark-size);margin-bottom:0}.adaptive-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd9d3 transparent;flex:1;min-height:0;padding-right:3px;overflow-y:auto}.adaptive-grid::-webkit-scrollbar{width:5px}.adaptive-grid::-webkit-scrollbar-track{background:0 0}.adaptive-grid::-webkit-scrollbar-thumb{background:#cbd9d3;border-radius:8px}.adaptive-grid::-webkit-scrollbar-thumb:hover{background:#aebfb8}@media (height<=780px){.panel-head{height:44px;margin-bottom:8px}.student-panel{padding-top:14px;padding-bottom:10px}.adaptive-grid{gap:3px}.adaptive-grid .student-name{height:min(var(--student-card-height),37px);grid-template-rows:minmax(18px,1fr) minmax(10px,.58fr);padding:3px 6px}.adaptive-grid .student-name b{font-size:min(var(--student-name-size),13px)}.adaptive-grid .student-name small{font-size:min(var(--student-meta-size),8px)}.overnight-mini{height:44px}.overnight-mini img{width:58px;height:40px}.overnight-mini.has-overnight{min-height:44px}}.teacher-page{max-width:1320px;padding-top:38px}.teacher-page-head{margin-bottom:26px}.teacher-page-head h1{font-size:34px}.today-command{background:linear-gradient(115deg,#eaf5ef 0%,#f7fbf7 62%,#fffaf0 100%);border:1px solid #cfe3da;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;min-height:132px;padding:25px 28px;display:flex;box-shadow:0 12px 34px #45665b0b}.command-copy{align-items:center;gap:18px;display:flex}.command-icon{background:var(--mint);color:#fff;border-radius:17px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 9px 22px #5ba78f38}.command-icon svg{width:27px;height:27px}.command-copy small{color:var(--mint-dark);font-size:11px;font-weight:700}.command-copy h2{letter-spacing:-.03em;margin:3px 0 5px;font-size:22px}.command-copy p{color:var(--muted);margin:0;font-size:12px}.command-actions{flex:none;gap:9px;display:flex}.scan-command{min-height:46px}.secondary-command{background:#fffefa;border:1px solid #d6dfda;border-radius:11px;align-items:center;gap:7px;min-height:46px;padding:0 16px;font-weight:700;display:flex}.today-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:28px 0 34px;display:grid}.today-metrics article{border-right:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;padding:20px 22px 18px;display:grid}.today-metrics article:last-child{border-right:0}.today-metrics article>small{color:var(--muted);grid-column:1/3;margin-bottom:7px;font-size:12px}.today-metrics article>b{letter-spacing:-.04em;font-size:29px;line-height:1}.today-metrics article b em{color:var(--muted);margin-left:4px;font-size:11px;font-style:normal;font-weight:500}.today-metrics article>span{color:#8c9995;align-items:center;gap:4px;font-size:10px;display:flex}.today-metrics .gold-number{color:#ac7c20}.today-metrics .violet-number{color:var(--violet)}.today-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:24px;display:grid}.today-main,.today-side{min-width:0}.today-task-list,.recent-panel{border:1px solid var(--line);background:#fffefa;border-radius:17px;overflow:hidden;box-shadow:0 8px 28px #52645c08}.today-task{border-bottom:1px solid #eceee9;grid-template-columns:44px minmax(150px,1fr) minmax(130px,.75fr) minmax(95px,.62fr) 65px;align-items:center;gap:13px;padding:18px;display:grid}.today-task:last-child{border-bottom:0}.today-task-copy{flex-direction:column;min-width:0;display:flex}.today-task-copy small{color:var(--muted);font-size:10px}.today-task-copy b{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:15px;overflow:hidden}.today-task-copy>span{color:#a2aaa7;margin-top:4px;font-size:9px}.task-progress-block{min-width:0}.task-progress-head{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.task-progress-head b{font-size:16px}.task-progress-head b small{color:var(--muted);font-size:9px;font-weight:500}.task-progress-head>span{color:var(--mint-dark);font-size:10px}.task-progress-track,.task-completion>i,.detail-progress>i{background:#eef1ed;border-radius:8px;height:6px;display:block;overflow:hidden}.task-progress-track i,.task-completion u,.detail-progress u{background:var(--mint);border-radius:8px;height:100%;text-decoration:none;display:block}.task-status-pair{flex-direction:column;gap:5px;font-size:10px;display:flex}.task-status-pair span{align-items:center;gap:4px;display:flex}.perfect-count{color:#a77b27}.correction-count{color:var(--violet)}.task-scan{min-height:34px;color:var(--mint-dark);background:#f8fbf9;border:1px solid #dbe5e0;border-radius:9px;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.today-side{flex-direction:column;gap:13px;display:flex}.side-panel-head{justify-content:space-between;align-items:flex-start;padding:20px 20px 13px;display:flex}.side-panel-head h2{margin:0 0 3px;font-size:18px}.side-panel-head p{color:var(--muted);margin:0;font-size:10px}.live-dot{color:var(--mint-dark);background:var(--mint-soft);border-radius:12px;padding:4px 7px;font-size:9px}.live-dot:before{content:"";background:var(--mint);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.recent-item{border-top:1px solid #eef0eb;grid-template-columns:34px 1fr auto auto;align-items:center;gap:9px;padding:12px 20px;display:grid}.recent-avatar{background:var(--mint-soft);width:32px;height:32px;color:var(--mint-dark);border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid}.recent-avatar.perfect{background:var(--gold-soft);color:#9c721e}.recent-avatar.correction{background:var(--violet-soft);color:var(--violet)}.recent-item>div{flex-direction:column;min-width:0;display:flex}.recent-item b{font-size:12px}.recent-item small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.recent-item em{background:var(--mint-soft);color:var(--mint-dark);border-radius:8px;padding:3px 6px;font-size:9px;font-style:normal}.recent-item em.perfect{background:var(--gold-soft);color:#966d18}.recent-item em.correction{background:var(--violet-soft);color:var(--violet)}.recent-item time{color:#a7afac;font-size:9px}.recent-more{width:100%;height:40px;color:var(--mint-dark);background:#fbfcf9;border:0;border-top:1px solid #eef0eb;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.overnight-card{background:#fbfaf5;border:1px solid #e6e1d9;border-radius:14px;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:15px 16px;display:grid}.overnight-card>span{color:#9b8b67;background:#f0ede4;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.overnight-card>span svg{width:17px}.overnight-card div{flex-direction:column;display:flex}.overnight-card b{font-size:12px}.overnight-card small{color:var(--muted);margin-top:2px;font-size:9px}.overnight-card>svg{width:18px;color:var(--mint)}.assignment-summary{background:linear-gradient(110deg,#edf6f1,#fffefa);border:1px solid #d9e6df;border-radius:17px;align-items:center;gap:24px;min-height:86px;margin-bottom:18px;padding:18px 22px;display:flex}.assignment-summary>div{flex-direction:column;min-width:175px;display:flex}.assignment-summary>div small{color:var(--mint-dark);font-size:10px}.assignment-summary>div b{margin:2px 0;font-size:20px}.assignment-summary>div span{color:var(--muted);font-size:9px}.assignment-summary>p{color:var(--muted);flex:1;margin:0;font-size:12px}.assignment-summary>p strong{color:var(--ink);margin-right:3px;font-size:20px}.assignment-summary>p em{color:#9b7325;font-style:normal}.assignment-summary>button{background:#fffefa;border:1px solid #d6e1dc;border-radius:10px;align-items:center;gap:6px;height:38px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.assignment-toolbar{gap:9px;margin-bottom:14px;display:flex}.assignment-toolbar select,.assignment-search{border:1px solid var(--line);background:#fffefa;border-radius:10px;height:41px}.assignment-toolbar select{color:var(--ink);padding:0 30px 0 12px;font-size:11px}.assignment-search{color:#899590;flex:1;align-items:center;gap:8px;max-width:380px;padding:0 11px;display:flex}.assignment-search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.assignment-search kbd{min-width:21px;height:20px;color:var(--muted);background:#eef2ef;border:0;border-radius:6px;place-items:center;font-family:inherit;font-size:9px;display:grid}.assignments-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:15px;display:grid}.task-table-wrap,.task-detail-panel{border:1px solid var(--line);background:#fffefa;border-radius:15px;overflow:hidden}.task-table-head,.task-table-row{grid-template-columns:minmax(220px,1.55fr) minmax(105px,.8fr) 62px 72px 70px 24px;align-items:center;gap:10px;display:grid}.task-table-head{color:var(--muted);background:#f7f8f5;padding:12px 16px;font-size:9px}.task-table-row{text-align:left;background:#fffefa;border:0;border-top:1px solid #eceee9;width:100%;min-height:70px;padding:15px 16px}.task-table-row:hover{background:#fbfcf8}.task-table-row.selected{box-shadow:inset 3px 0 var(--mint);background:#f4f9f6}.task-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.task-name-cell>i{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.task-name-cell>span{flex-direction:column;min-width:0;display:flex}.task-name-cell b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.task-name-cell small{color:var(--muted);margin-top:3px;font-size:9px}.task-completion{flex-direction:column;gap:6px;display:flex}.task-completion b{font-size:13px}.task-completion b small{color:var(--muted);font-size:9px;font-weight:500}.task-completion>i{width:70px;height:4px}.table-perfect,.table-correction{align-items:center;gap:4px;font-size:11px;display:flex}.table-perfect{color:#a57822}.table-correction{color:var(--violet)}.task-table-row time{color:var(--muted);font-size:9px}.task-table-row>svg{color:#9ca7a3}.task-empty{color:#9ca7a3;flex-direction:column;justify-content:center;align-items:center;height:230px;display:flex}.task-empty svg{margin-bottom:10px}.task-empty b{color:var(--ink);font-size:13px}.task-empty span{margin-top:4px;font-size:10px}.task-detail-panel{padding:20px;position:sticky;top:20px}.detail-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.detail-top .subject-icon{width:44px;height:44px}.detail-top button{width:32px;height:32px;color:var(--muted);background:#f2f4f1;border:0;border-radius:8px;place-items:center;display:grid}.detail-top button svg{width:17px}.task-detail-panel>small{color:var(--muted);font-size:10px}.task-detail-panel h2{margin:3px 0 7px;font-size:22px}.task-detail-panel>p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.detail-progress{margin:22px 0 18px}.detail-progress>div{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.detail-progress span{color:var(--muted);font-size:10px}.detail-progress b{font-size:18px}.detail-progress b small{color:var(--muted);font-size:9px}.detail-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:15px 0;display:grid}.detail-stats>span{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.detail-stats>span:last-child{border:0}.detail-stats svg{width:15px;height:15px;color:var(--muted)}.detail-stats span:first-child svg{color:var(--gold)}.detail-stats span:nth-child(2) svg{color:var(--violet)}.detail-stats b{margin:4px 0 1px;font-size:16px}.detail-stats small{color:var(--muted);font-size:8px}.detail-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.detail-actions button{border:1px solid var(--line);background:#fffefa;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;font-size:11px;font-weight:700;display:flex}.detail-actions .primary{background:var(--mint);border:0}.modal-backdrop{z-index:80;background:#17363170;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.create-task-modal{background:#fffefa;border-radius:20px;width:min(440px,100%);padding:24px;box-shadow:0 24px 70px #102c2740}.create-task-modal header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.create-task-modal header small{color:var(--mint-dark);font-size:10px}.create-task-modal h2{margin:4px 0 0;font-size:22px}.create-task-modal header button{background:#f0f2ee;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.create-task-modal header button svg{width:16px}.create-task-modal>label{flex-direction:column;gap:6px;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.create-task-modal input,.create-task-modal select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:0;height:42px;padding:0 12px;font-size:12px}.create-task-modal input:focus,.create-task-modal select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #5ba78f18}.create-task-modal>p{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.create-task-modal footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.create-task-modal footer button{border:1px solid var(--line);background:#fffefa;border-radius:10px;height:42px;padding:0 16px;font-size:11px;font-weight:700}.create-task-modal footer .primary{background:var(--mint);border:0}.assignment-toast{top:24px}@media (width<=1180px){.today-layout{grid-template-columns:1fr}.today-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.today-task{grid-template-columns:44px minmax(140px,1fr) 130px 95px 60px}.assignments-workspace{grid-template-columns:1fr}.task-detail-panel{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid;position:static}.detail-top,.task-detail-panel>small,.task-detail-panel>h2,.task-detail-panel>p{grid-column:1}.detail-progress,.detail-stats,.detail-actions{grid-column:2}.detail-progress{margin:0}.detail-actions{flex-direction:row}.detail-actions button{flex:1}}@media (width<=820px){.teacher-page{padding-left:24px;padding-right:24px}.today-command{align-items:flex-start}.command-actions{flex-direction:column}.today-metrics{grid-template-columns:1fr 1fr}.today-metrics article:nth-child(2){border-right:0}.today-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.today-task{grid-template-columns:42px minmax(130px,1fr) 110px 60px}.task-status-pair{display:none}.task-table-head,.task-table-row{grid-template-columns:minmax(190px,1.4fr) 100px 55px 65px 22px}.task-table-head span:nth-child(5),.task-table-row time{display:none}.assignments-workspace{display:block}.task-detail-panel{margin-top:14px}}@media (width<=720px){.teacher-page{padding:22px 16px 88px}.teacher-page-head{align-items:center;margin-bottom:20px}.teacher-page-head h1{font-size:27px}.teacher-page-head p{font-size:11px}.teacher-page-head .primary{min-height:38px;font-size:11px}.today-command{padding:20px;display:block}.command-copy{align-items:flex-start}.command-icon{border-radius:14px;flex:none;width:46px;height:46px}.command-copy h2{font-size:18px}.command-copy p{font-size:10px;line-height:1.5}.command-actions{grid-template-columns:1.15fr 1fr;margin-top:17px;display:grid}.scan-command,.secondary-command{min-height:42px;padding:0 9px;font-size:10px}.today-metrics{margin:20px 0 28px}.today-metrics article{padding:15px}.today-metrics article>b{font-size:24px}.today-metrics article>span{font-size:8px}.today-layout{display:block}.today-task{grid-template-columns:38px minmax(0,1fr) 82px;gap:9px;padding:14px 12px}.today-task .subject-icon{width:36px;height:36px}.task-status-pair,.task-scan{display:none}.task-progress-head b{font-size:13px}.today-side{margin-top:14px;display:block}.overnight-card{margin-top:12px}.section-title h2{font-size:18px}.assignment-summary{grid-template-columns:1fr auto;gap:8px;padding:15px;display:grid}.assignment-summary>div{min-width:0}.assignment-summary>p{grid-column:1/3;font-size:10px}.assignment-summary>button{grid-area:1/2}.assignment-toolbar{grid-template-columns:1fr 1fr;display:grid}.assignment-search{grid-column:1/3;max-width:none}.assignment-toolbar select{width:100%;min-width:0}.task-table-wrap{background:0 0;border:0;overflow:visible}.task-table-head{display:none}.task-table-body{flex-direction:column;gap:9px;display:flex}.task-table-row{border:1px solid var(--line);background:#fffefa;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;min-height:68px;padding:13px}.task-table-row.selected{box-shadow:inset 3px 0 var(--mint),0 6px 20px #5061590a}.task-name-cell{grid-column:1/2}.task-completion{grid-column:1/2;margin-left:48px}.table-perfect,.table-correction{grid-row:1;align-self:center}.task-table-row>svg,.task-table-row time{display:none}.task-detail-panel{padding:18px;display:block}.detail-progress{margin:18px 0}.detail-actions{flex-direction:column;display:flex}.create-task-modal{padding:20px}.create-task-modal footer{grid-template-columns:.7fr 1.3fr;display:grid}.create-task-modal footer button{padding:0 8px;font-size:10px}}.login-page{background:#f9f8f3;grid-template-columns:minmax(340px,.9fr) minmax(520px,1.4fr);min-height:100vh;display:grid}.login-brand-panel{border-right:1px solid var(--line);background:linear-gradient(150deg,#eaf5ef,#f8f7ee 70%);flex-direction:column;justify-content:space-between;padding:42px 52px;display:flex}.login-brand-panel>div>span{background:var(--mint);color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 28px #5ba78f32}.login-brand-panel>div>span svg{width:28px}.login-brand-panel h1{letter-spacing:-.06em;margin:22px 0 14px;font-size:38px;line-height:1.25}.login-brand-panel p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.8}.login-brand-panel>small{color:#93a09b}.login-form-panel{place-items:center;padding:40px;display:grid}.login-form-panel form{width:min(390px,100%)}.login-mobile-brand{display:none}.login-welcome{color:var(--mint-dark);font-size:12px;font-weight:700}.login-form-panel h2{letter-spacing:-.05em;margin:6px 0 7px;font-size:31px}.login-form-panel form>p{color:var(--muted);margin:0 0 28px;font-size:12px}.login-form-panel label{margin-bottom:15px;display:block}.login-form-panel label>span{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.login-form-panel label>div{border:1px solid var(--line);color:#8b9894;background:#fff;border-radius:11px;align-items:center;height:46px;padding:0 12px;display:flex}.login-form-panel label svg{width:17px}.login-form-panel input{background:0 0;border:0;outline:0;flex:1;padding:0 10px;font-size:13px}.login-form-panel label button{color:#8b9894;background:0 0;border:0;place-items:center;display:grid}.login-submit{width:100%;height:46px;margin-top:4px}.login-error{background:var(--coral-soft);color:#b74d45;border-radius:9px;margin-bottom:10px;padding:10px 12px;font-size:11px}.demo-account{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin-top:22px;padding-top:18px;display:flex}.demo-account>svg{width:18px}.demo-account span{flex-direction:column;display:flex}.demo-account b{color:var(--ink);font-size:11px}.demo-account small{margin-top:3px;font-size:10px;line-height:1.6}.sidebar-sync{color:#966b1b;background:#fff4df;border-radius:9px;align-items:center;gap:7px;margin-top:auto;margin-bottom:10px;padding:9px;font-size:9px;display:flex}.sidebar-sync svg{width:14px}.sidebar-sync+.teacher{margin-top:0}.bottom-nav button:nth-child(6),.bottom-nav button:nth-child(7){display:none}.student-summary{border:1px solid var(--line);background:#fffefa;border-radius:17px;align-items:center;gap:20px;min-height:88px;margin-bottom:16px;padding:18px 22px;display:flex}.student-summary>div:first-child{align-items:center;gap:11px;display:flex}.student-summary>div:first-child>span{background:var(--mint-soft);width:42px;height:42px;color:var(--mint);border-radius:12px;place-items:center;display:grid}.student-summary>div:first-child>div{flex-direction:column;display:flex}.student-summary b{font-size:22px}.student-summary small{color:var(--muted);font-size:9px}.student-summary>p{color:var(--muted);flex:1;font-size:11px}.student-summary>div:last-child{gap:7px;display:flex}.student-summary button,.student-toolbar label{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 11px;font-size:10px;display:flex}.student-summary button svg{width:15px}.student-summary .import-button{background:var(--mint);color:#fff;border-color:var(--mint)}.student-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.student-toolbar label{width:280px;color:var(--muted)}.student-toolbar label svg{width:15px}.student-toolbar input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.student-toolbar>span{color:var(--mint-dark);font-size:10px}.students-table{border:1px solid var(--line);background:#fffefa;border-radius:14px;overflow:hidden}.students-head,.students-row{grid-template-columns:150px 1fr 1fr 100px 35px;align-items:center;gap:12px;padding:0 18px;display:grid}.students-head{height:40px;color:var(--muted);background:#f5f7f3;font-size:9px}.students-row{border-top:1px solid #eceee9;min-height:54px;font-size:12px}.students-row code{color:var(--muted);font-family:ui-monospace,monospace}.students-row>span{color:var(--muted);font-size:10px}.students-row button{color:#8c9894;background:0 0;border:0}.students-row button:disabled{opacity:.25}.students-row button svg{width:15px}.import-modal{background:#fffefa;border-radius:19px;flex-direction:column;width:min(780px,100%);max-height:82vh;padding:22px;display:flex}.import-modal header{justify-content:space-between;display:flex}.import-modal h2{margin:4px 0 16px}.import-modal header small{color:var(--mint-dark)}.import-modal header button{background:#eef1ed;border:0;border-radius:50%;width:32px;height:32px}.import-preview{border:1px solid var(--line);border-radius:10px;overflow:auto}.import-preview>div{border-top:1px solid var(--line);grid-template-columns:50px 120px 1fr 1fr 100px;min-width:600px;padding:10px 12px;font-size:10px;display:grid}.import-preview>div:first-child{background:#f4f6f2;border:0}.import-preview .has-error{background:var(--coral-soft)}.import-preview span:last-child{align-items:center;gap:4px;display:flex}.import-preview span:last-child svg{width:13px;color:var(--mint)}.import-modal footer{justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.import-modal footer button{height:38px}.qr-overview{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.qr-overview article{border:1px solid var(--line);background:#fffefa;border-radius:14px;align-items:center;gap:11px;padding:16px;display:flex}.qr-overview article>span{background:var(--mint-soft);width:38px;height:38px;color:var(--mint);border-radius:10px;place-items:center;display:grid}.qr-overview article svg{width:18px}.qr-overview article div{flex-direction:column;display:flex}.qr-overview b{font-size:21px}.qr-overview small{color:var(--muted);font-size:9px}.qr-workspace{grid-template-columns:1fr 330px;gap:18px;display:grid}.qr-controls{flex-direction:column;gap:14px;display:flex}.qr-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qr-field-row label{font-size:10px;font-weight:700}.qr-field-row select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:42px;margin-top:6px;padding:0 12px;display:block}.qr-batch-card{background:linear-gradient(120deg,#edf6f1,#fffefa);border:1px solid #cfe3da;border-radius:16px;align-items:center;gap:15px;min-height:135px;padding:20px;display:flex}.qr-batch-card>span{background:var(--mint);color:#fff;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.qr-batch-card>div{flex:1}.qr-batch-card h2{margin:0;font-size:17px}.qr-batch-card p{color:var(--muted);font-size:10px;line-height:1.6}.qr-batch-card small{color:var(--mint-dark);font-size:9px}.qr-batch-card button{height:40px;font-size:10px}.qr-actions-list{gap:8px;display:flex}.qr-actions-list button{border:1px solid var(--line);background:#fffefa;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:10px;display:flex}.qr-actions-list svg{width:15px}.qr-message{color:var(--mint-dark);font-size:10px}.real-qr-preview{border:1px solid var(--line);text-align:center;background:#fffefa;border-radius:16px;flex-direction:column;align-items:center;padding:22px;display:flex}.label-paper{aspect-ratio:360/220;background:#fff;border:1px dashed #d8dfdb;place-items:center;width:100%;margin-bottom:14px;display:grid;overflow:hidden}.label-paper img{object-fit:contain;width:100%;height:100%}.real-qr-preview>b{font-size:14px}.real-qr-preview>small{color:var(--muted);margin-top:4px;font-size:9px}.real-qr-preview>code{text-overflow:ellipsis;color:#8b9692;background:#f3f5f1;border-radius:6px;max-width:100%;margin-top:12px;padding:6px;font-size:8px;overflow:hidden}.scan-controls{z-index:3;flex-direction:column;align-items:center;gap:10px;max-width:560px;margin:-24px auto 0;padding:0 16px;display:flex;position:relative}.scan-controls .demo-scan{margin:0}.scan-controls form{width:100%;height:40px;display:flex}.scan-controls form input{border:1px solid var(--line);border-radius:9px 0 0 9px;outline:0;flex:1;min-width:0;padding:0 12px}.scan-controls form button{color:#fff;background:#315e55;border:0;border-radius:0 9px 9px 0;padding:0 16px}.sample-code{color:var(--muted);background:0 0;border:0;font-size:10px}.camera-reader{border-radius:14px;width:min(340px,90vw);height:270px;margin-bottom:12px;display:none;overflow:hidden}.camera-reader.active{display:block}.camera-reader video{object-fit:cover!important}.scan-warning{background:var(--coral-soft);color:#ad5047;border-radius:9px;align-items:center;gap:7px;max-width:520px;margin:15px auto 0;padding:10px 13px;font-size:10px;display:flex}.scan-warning svg{width:15px}.compact-sheet{max-width:420px;padding-bottom:28px}.complete-alert{background:var(--mint-soft);color:var(--mint)}.warning-alert{color:#a97822;background:#fff2dc}.error-alert{background:var(--coral-soft);color:var(--coral)}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.confirm-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;height:42px}.confirm-actions .primary{background:var(--mint);border:0}.book-identity p{color:var(--muted);margin:2px 0 0;font-size:9px}.display-reconnect{z-index:5;color:#fff;background:#4c514d;border-radius:0 0 9px 9px;padding:6px 13px;font-size:9px;position:absolute;top:77px;left:50%;transform:translate(-50%)}.display-footer>small{color:#9ba5a1;position:absolute;right:20px}.overnight-card.has-items{color:var(--violet);background:#f8f5fc;border-color:#ded5f0}.overnight-card strong{font-size:16px}.today-empty{height:190px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.today-empty svg{margin-bottom:8px}.today-empty b{color:var(--ink);font-size:13px}.today-empty button{color:var(--mint-dark);background:0 0;border:0;margin-top:8px;font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-grid>section{border:1px solid var(--line);background:#fffefa;border-radius:15px;padding:20px}.settings-grid section>header{align-items:center;gap:11px;margin-bottom:16px;display:flex}.settings-grid section>header>svg{background:var(--mint-soft);width:38px;height:38px;color:var(--mint);border-radius:11px;padding:10px}.settings-grid h2{margin:0;font-size:16px}.settings-grid header p{color:var(--muted);margin:3px 0 0;font-size:9px}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.setting-row span{flex-direction:column;display:flex}.setting-row b{font-size:11px}.setting-row small{color:var(--muted);margin-top:2px;font-size:9px}.setting-row input{appearance:none;background:#dce3df;border-radius:12px;width:32px;height:18px;position:relative}.setting-row input:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.setting-row input:checked{background:var(--mint)}.setting-row input:checked:after{transform:translate(14px)}.connection-status{align-items:center;gap:9px;display:flex}.connection-status i{background:var(--coral);border-radius:50%;width:10px;height:10px}.connection-status i.online{background:var(--mint)}.connection-status span{flex-direction:column;display:flex}.connection-status b{font-size:11px}.connection-status small{color:var(--muted);font-size:9px}.settings-actions{gap:8px;display:flex}.settings-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:5px;height:38px;padding:0 11px;font-size:10px;display:flex}.settings-actions svg{width:15px}.settings-actions .danger-text{color:var(--coral)}.settings-message{color:var(--mint-dark);font-size:10px}@media (width<=900px){.qr-workspace{grid-template-columns:1fr}.real-qr-preview{max-width:400px}.student-summary{flex-wrap:wrap}.student-summary>p{min-width:50%}.settings-grid{grid-template-columns:1fr}}@media (width<=720px){.login-page{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 22px}.login-mobile-brand{margin-bottom:70px;display:block}.bottom-nav button:nth-child(6){display:flex}.bottom-nav{overflow-x:auto}.bottom-nav button{min-width:62px}.student-summary{padding:14px}.student-summary>p{order:3;width:100%;margin:0}.student-summary>div:last-child{margin-left:auto}.student-summary button{padding:0 8px;font-size:9px}.students-head,.students-row{grid-template-columns:88px 1fr 48px 26px;padding:0 12px}.students-head span:nth-child(3),.students-row>span:nth-child(3){display:none}.students-row>span:nth-child(4){font-size:8px}.student-toolbar label{width:100%}.student-toolbar{display:block}.student-toolbar>span{margin-top:7px;display:block}.qr-overview{grid-template-columns:repeat(3,1fr);gap:6px}.qr-overview article{text-align:center;padding:10px;display:block}.qr-overview article>span{margin:0 auto 6px}.qr-field-row{grid-template-columns:1fr}.qr-batch-card{grid-template-columns:40px 1fr;display:grid}.qr-batch-card>span{width:40px;height:40px}.qr-batch-card>button{grid-column:1/3}.qr-actions-list{display:block}.qr-actions-list button{width:100%;margin-bottom:7px}.scanner-area{height:350px}.scan-frame{width:150px;height:150px;margin-bottom:18px}.scan-line{animation:none}.scan-controls{margin-top:-22px}.scan-tip{margin-top:18px}.settings-grid>section{padding:16px}.settings-actions{flex-direction:column}.settings-actions button{justify-content:center}}.display-join-link{border:1px solid var(--line);width:100%;height:44px;color:var(--mint-dark);background:#fffefa;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-weight:700;display:flex}.display-join-link svg{width:18px}.display-join-page{background:radial-gradient(circle at 50% 20%,#edf7f1,#f8f7f2 48%);place-items:center;min-height:100vh;padding:24px;display:grid}.display-join-page form{border:1px solid var(--line);text-align:center;background:#fffefa;border-radius:24px;flex-direction:column;align-items:center;width:min(420px,100%);padding:38px;display:flex;box-shadow:0 24px 80px #38584c14}.display-join-page form>.brand{align-self:flex-start;margin-bottom:42px}.display-join-icon{background:var(--mint-soft);width:58px;height:58px;color:var(--mint);border-radius:17px;place-items:center;display:grid}.display-join-page form>small{color:var(--mint-dark);margin-top:16px;font-weight:700}.display-join-page h1{margin:6px 0;font-size:30px}.display-join-page p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.7}.display-join-page input{border:1px solid var(--line);text-align:center;letter-spacing:.32em;background:#fff;border-radius:12px;outline:0;width:100%;height:58px;padding-left:.32em;font-size:25px}.display-join-page input:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-soft)}.display-join-page form>.primary{width:100%;height:46px;margin-top:12px}.display-join-back{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;display:flex;position:fixed;top:22px;left:24px}.display-join-back svg{width:17px}.student-page-head{align-items:center}.student-head-actions{align-items:flex-end;gap:8px;display:flex}.class-switch{flex-direction:column;gap:5px;display:flex}.class-switch span{color:var(--muted);font-size:9px;font-weight:700}.class-switch select{border:1px solid var(--line);background:#fffefa;border-radius:10px;min-width:150px;height:42px;padding:0 32px 0 12px;font-size:11px}.secondary-action{border:1px solid var(--line);background:#fffefa;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.secondary-action svg,.student-head-actions .primary svg{width:16px}.students-head,.students-row{grid-template-columns:150px 1fr 1fr 100px 76px}.students-head span:last-child{text-align:center}.student-row-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.student-row-actions button{color:#8c9894;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.student-row-actions button:hover{color:var(--mint-dark);background:#eef4f1}.student-row-actions button.delete-student:hover{background:var(--coral-soft);color:var(--coral)}.student-row-actions button:disabled{opacity:.25}.student-row-actions svg{width:15px}.students-empty{min-height:290px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.students-empty>svg{color:#a9b6b1;width:34px;height:34px;margin-bottom:10px}.students-empty b{color:var(--ink);font-size:14px}.students-empty span{margin:5px 0 16px;font-size:10px}.students-empty .primary{font-size:10px}.form-note{background:var(--mint-soft);color:var(--mint-dark);border-radius:9px;margin:0;padding:10px 12px;font-size:10px;line-height:1.6}.continuous-scan-switch{border:1px solid var(--line);text-align:left;background:#fffefa;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:9px 13px;display:flex}.continuous-scan-switch>span{align-items:center;gap:10px;display:flex}.continuous-scan-switch>span>svg{width:20px;color:var(--muted)}.continuous-scan-switch>span>span{flex-direction:column;display:flex}.continuous-scan-switch b{font-size:11px}.continuous-scan-switch small{color:var(--muted);margin-top:2px;font-size:9px}.continuous-scan-switch input{appearance:none;cursor:pointer;background:#dce3df;border-radius:20px;flex:none;width:38px;height:22px;position:relative}.continuous-scan-switch input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #315e5530}.continuous-scan-switch input:checked{background:var(--mint)}.continuous-scan-switch input:checked:after{transform:translate(16px)}.continuous-scan-switch.on{background:var(--mint-soft);border-color:#b9ddcf}.continuous-scan-switch.on>span>svg{color:var(--mint-dark)}.assignments-workspace{grid-template-columns:minmax(0,1fr) 430px}.task-detail-panel{flex-direction:column;max-height:calc(100vh - 40px);padding:0;display:flex}.detail-overview{flex:none;padding:20px}.detail-overview>small{color:var(--muted);font-size:10px}.detail-overview>p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.assignment-roster{border-top:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.assignment-roster>header{justify-content:space-between;align-items:end;padding:14px 16px 10px;display:flex}.assignment-roster>header div{align-items:center;gap:7px;display:flex}.assignment-roster>header b{font-size:12px}.assignment-roster>header small{color:var(--mint-dark);background:var(--mint-soft);border-radius:8px;padding:3px 6px;font-size:8px}.assignment-roster>header>span{color:var(--muted);font-size:8px}.roster-table{flex-direction:column;min-height:0;display:flex}.roster-head,.roster-row{grid-template-columns:76px minmax(54px,1fr) 72px 70px;align-items:center;gap:7px;display:grid}.roster-head{min-height:31px;color:var(--muted);background:#f7f8f5;padding:0 16px}.roster-head button,.roster-head>span{text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:8px;display:flex}.roster-head button{font-weight:700}.roster-head svg{width:11px;height:11px}.roster-body{overscroll-behavior:contain;max-height:330px;overflow:auto}.roster-row{border-top:1px solid #eef1ed;min-height:38px;padding:0 16px;font-size:9px}.roster-row>b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.roster-row>span,.roster-row>time{color:var(--muted);font-variant-numeric:tabular-nums}.roster-row>em{white-space:nowrap;border-radius:8px;justify-self:start;padding:4px 6px;font-size:8px;font-style:normal;font-weight:700}.roster-row>em.unsubmitted{background:var(--coral-soft);color:var(--coral)}.roster-row>em.correction{background:var(--violet-soft);color:var(--violet)}.roster-row>em.passed{background:var(--mint-soft);color:var(--mint-dark)}.roster-row>em.perfect{background:var(--gold-soft);color:#a57822}@media (width<=900px){.student-page-head{align-items:flex-start;gap:18px}.student-head-actions{flex-wrap:wrap;justify-content:flex-end}.class-switch{flex-basis:100%;align-items:flex-end}.class-switch select{min-width:220px}}@media (width<=720px){.student-page-head{display:block}.student-head-actions{grid-template-columns:1fr 1fr;margin-top:18px;display:grid}.class-switch{grid-column:1/3;display:block}.class-switch span{margin-bottom:5px;display:block}.class-switch select{width:100%;min-width:0}.student-head-actions>button{justify-content:center}.students-head,.students-row{grid-template-columns:82px 1fr 46px 62px}.students-head span:nth-child(4),.students-row>span:nth-child(4){display:none}.student-row-actions button{width:28px}.students-empty{text-align:center;min-height:260px;padding:20px}}@media (width<=1180px){.assignments-workspace{grid-template-columns:1fr}.task-detail-panel{grid-template-columns:minmax(250px,.8fr) minmax(370px,1.2fr);gap:0;max-height:none;display:grid;position:static}.assignment-roster{border-top:0;border-left:1px solid var(--line)}.roster-body{max-height:390px}}@media (width<=720px){.task-detail-panel{display:block}.assignment-roster{border-left:0;border-top:1px solid var(--line)}.roster-head,.roster-row{grid-template-columns:70px minmax(48px,1fr) 64px 66px;padding-left:12px;padding-right:12px}.roster-body{max-height:360px}}.task-table-full{width:100%}.task-table-full .task-table-head,.task-table-full .task-table-row{grid-template-columns:minmax(300px,1.8fr) minmax(150px,.8fr) 90px 100px 100px 28px}.assignment-detail-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.detail-back,.detail-head-actions>button{border:1px solid var(--line);background:#fffefa;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.detail-back svg,.detail-head-actions svg{width:16px}.detail-head-actions{gap:8px;display:flex}.detail-head-actions .primary{background:var(--mint);border:0}.assignment-detail-overview{border:1px solid var(--line);background:#fffefa;border-radius:16px;grid-template-columns:minmax(240px,1.4fr) minmax(150px,.8fr) minmax(220px,1fr) auto;align-items:center;gap:24px;margin-bottom:14px;padding:22px;display:grid}.detail-title-block{align-items:center;gap:13px;display:flex}.detail-title-block .subject-icon{flex:none;width:48px;height:48px}.detail-title-block small{color:var(--muted);font-size:9px}.detail-title-block h1{margin:2px 0 5px;font-size:23px}.detail-title-block p{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.detail-title-block p svg{width:13px}.detail-summary-progress{grid-template-columns:1fr auto;align-items:baseline;gap:7px;display:grid}.detail-summary-progress>span{color:var(--muted);font-size:9px}.detail-summary-progress>b{font-size:20px}.detail-summary-progress>b small{color:var(--muted);font-size:9px}.detail-summary-progress>i{background:#edf1ee;border-radius:8px;grid-column:1/3;height:5px;overflow:hidden}.detail-summary-progress>i u{background:var(--mint);border-radius:8px;height:100%;display:block}.detail-summary-stats{grid-template-columns:repeat(3,1fr);display:grid}.detail-summary-stats>span{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.detail-summary-stats>span:last-child{border:0}.detail-summary-stats svg{width:15px;color:var(--muted)}.detail-summary-stats>span:first-child svg{color:var(--gold)}.detail-summary-stats>span:nth-child(2) svg{color:var(--violet)}.detail-summary-stats b{margin:3px 0 1px;font-size:16px}.detail-summary-stats small{color:var(--muted);font-size:8px}.detail-delete{color:#a67874;background:0 0;border:0;align-items:center;gap:5px;height:36px;font-size:9px;display:flex}.detail-delete svg{width:14px}.assignment-roster-page{border:1px solid var(--line);background:#fffefa;border-radius:16px;overflow:hidden}.assignment-roster-page>header{padding:16px 20px 12px}.assignment-roster-page>header b{font-size:14px}.assignment-roster-page .roster-head,.assignment-roster-page .roster-row{grid-template-columns:140px minmax(180px,1fr) 150px 150px;padding-left:20px;padding-right:20px}.assignment-roster-page .roster-head{min-height:38px}.assignment-roster-page .roster-head button,.assignment-roster-page .roster-head>span{font-size:9px}.assignment-roster-page .roster-row{min-height:46px;font-size:10px}.assignment-roster-page .roster-row>b{font-size:11px}.assignment-roster-page .roster-row>em{padding:5px 8px;font-size:9px}.assignment-roster-page .roster-body{max-height:none;overflow:visible}@media (width<=980px){.assignment-detail-overview{grid-template-columns:1fr 1fr}.detail-delete{justify-self:end}.task-table-full .task-table-head,.task-table-full .task-table-row{grid-template-columns:minmax(250px,1.6fr) 130px 70px 80px 80px 24px}}@media (width<=720px){.task-table-full .task-table-head{display:none}.task-table-full .task-table-row{grid-template-columns:minmax(0,1fr) auto auto}.assignment-detail-page{padding-top:18px}.assignment-detail-head{align-items:flex-start}.detail-back{background:0 0;border:0;padding:0}.detail-head-actions{z-index:35;border:1px solid var(--line);background:#fffefaef;border-radius:13px;grid-template-columns:1fr 1fr;padding:8px;display:grid;position:fixed;bottom:74px;left:12px;right:12px;box-shadow:0 10px 28px #233c3420}.detail-head-actions>button{justify-content:center}.assignment-detail-overview{padding:18px;display:block}.detail-summary-progress{margin:20px 0}.detail-summary-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.detail-delete{margin:12px 0 0 auto}.assignment-roster-page>header{padding:14px 12px 10px}.assignment-roster-page .roster-head,.assignment-roster-page .roster-row{grid-template-columns:72px minmax(54px,1fr) 72px 68px;padding-left:12px;padding-right:12px}.assignment-roster-page .roster-head button,.assignment-roster-page .roster-head>span{font-size:8px}.assignment-roster-page .roster-row{min-height:42px}.assignment-roster-page{margin-bottom:76px}}.display-celebration{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#102d2866;place-items:center;animation:.22s both celebrationFadeIn;display:grid;position:fixed;inset:0;overflow:hidden}.celebration-card{text-align:center;background:linear-gradient(150deg,#fffefa,#f1faf6);border:1px solid #cde3da;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:min(520px,86vw);min-height:330px;padding:46px 48px 34px;animation:.55s cubic-bezier(.18,.9,.24,1.18) both celebrationCardIn;display:flex;position:relative;box-shadow:0 32px 90px #071c1755}.celebration-icon{background:var(--mint-soft);width:82px;height:82px;color:var(--mint);border-radius:25px;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 12px 30px #3c9e7c25}.celebration-icon svg{width:45px;height:45px}.celebration-card>small{color:var(--mint-dark);letter-spacing:.12em;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.celebration-card>small svg{width:14px}.celebration-card h2{letter-spacing:.04em;margin:9px 0 12px;font-size:46px;line-height:1}.celebration-card strong{font-size:22px}.celebration-card p{color:var(--muted);margin:9px 0 20px;font-size:13px}.celebration-card em{color:#9aa8a4;font-size:9px;font-style:normal}.display-celebration.perfect{background:radial-gradient(circle at 50% 45%,#735d1630,#102d2870)}.display-celebration.perfect .celebration-card{background:radial-gradient(circle at 50% 20%,#fff7d7,#fffefa 62%);border:2px solid #f0d789;box-shadow:0 32px 100px #8b6b205c,0 0 0 9px #fff6d44d}.display-celebration.perfect .celebration-icon{color:#9d7112;background:linear-gradient(145deg,#fff1a9,#f6c54f);border-radius:50%;width:96px;height:96px;animation:1.15s ease-in-out infinite perfectCrown;box-shadow:0 0 0 10px #fff6d380,0 18px 36px #bb8c2d3d}.display-celebration.perfect .celebration-card>small,.display-celebration.perfect .celebration-card strong{color:#9d7112}.display-celebration.task-complete{background:radial-gradient(circle at 50% 48%,#2b80635c,#071e1bdb)}.display-celebration.task-complete .celebration-card{color:#fff;background:linear-gradient(155deg,#153c35,#0d2925);border:4px double #e8bd49;border-radius:26px;width:min(620px,88vw);min-height:390px;box-shadow:0 0 0 8px #173f3780,0 38px 110px #0008}.display-celebration.task-complete .celebration-icon{color:#6c4a08;background:linear-gradient(145deg,#ffe88f,#e9a82b);border-radius:28px;width:104px;height:104px;animation:.8s ease-in-out infinite alternate victoryTrophy;box-shadow:0 0 0 8px #ffe7912b,0 18px 42px #0005}.display-celebration.task-complete .celebration-card>small{color:#f6cd64}.display-celebration.task-complete .celebration-card h2{font-size:48px}.display-celebration.task-complete .celebration-card strong{color:#ffe078;font-size:30px}.display-celebration.task-complete .celebration-card p{color:#bcd4cd}.celebration-particles{pointer-events:none;position:absolute;inset:0}.celebration-particles i{background:var(--mint);opacity:0;border-radius:4px;width:13px;height:13px;animation:1.5s cubic-bezier(.16,.8,.24,1) infinite celebrationBurst;position:absolute;top:48%;left:50%}.celebration-particles i:nth-child(3n){background:#f1bf3e;border-radius:50%}.celebration-particles i:nth-child(3n+2){background:#f07e71;transform:rotate(45deg)}.celebration-particles i:first-child{--x:-390px;--y:-230px;animation-delay:20ms}.celebration-particles i:nth-child(2){--x:-300px;--y:-300px;animation-delay:.12s}.celebration-particles i:nth-child(3){--x:-210px;--y:-250px;animation-delay:.2s}.celebration-particles i:nth-child(4){--x:-420px;--y:-70px;animation-delay:.28s}.celebration-particles i:nth-child(5){--x:-330px;--y:150px;animation-delay:80ms}.celebration-particles i:nth-child(6){--x:-230px;--y:260px;animation-delay:.19s}.celebration-particles i:nth-child(7){--x:-110px;--y:-320px;animation-delay:.3s}.celebration-particles i:nth-child(8){--x:-90px;--y:300px;animation-delay:.15s}.celebration-particles i:nth-child(9){--x:80px;--y:-320px;animation-delay:70ms}.celebration-particles i:nth-child(10){--x:100px;--y:310px;animation-delay:.25s}.celebration-particles i:nth-child(11){--x:220px;--y:-270px;animation-delay:.18s}.celebration-particles i:nth-child(12){--x:240px;--y:270px;animation-delay:30ms}.celebration-particles i:nth-child(13){--x:350px;--y:-180px;animation-delay:.23s}.celebration-particles i:nth-child(14){--x:390px;--y:40px;animation-delay:.11s}.celebration-particles i:nth-child(15){--x:340px;--y:210px;animation-delay:.31s}.celebration-particles i:nth-child(16){--x:-430px;--y:80px;animation-delay:.35s}.celebration-particles i:nth-child(17){--x:420px;--y:-90px;animation-delay:.16s}.celebration-particles i:nth-child(18){--x:10px;--y:350px;animation-delay:.28s}.display-celebration.perfect .celebration-particles i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:#ffd45c;border-radius:0;width:16px;height:16px}.display-celebration.task-complete .celebration-particles i:nth-child(odd){background:#ffe278}.display-celebration.task-complete .celebration-particles i:nth-child(2n){background:#65d6ae}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebrationCardIn{0%{opacity:0;transform:translateY(28px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes celebrationBurst{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}18%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(540deg) scale(1)}}@keyframes perfectCrown{50%{transform:translateY(-7px)rotate(-4deg)scale(1.04)}}@keyframes victoryTrophy{to{filter:brightness(1.12);transform:translateY(-7px)rotate(3deg)}}.motion-disabled .display-celebration,.motion-disabled .celebration-card,.motion-disabled .celebration-icon,.motion-disabled .celebration-particles i{animation:none}.motion-disabled .celebration-particles{display:none}@media (prefers-reduced-motion:reduce){.display-celebration,.celebration-card,.celebration-icon,.celebration-particles i{animation:none!important}.celebration-particles{display:none}}.auth-tabs{background:#eef2ef;border-radius:11px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:3px;display:grid}.auth-tabs button{height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:11px;font-weight:700}.auth-tabs button.active{color:var(--mint-dark);background:#fff;box-shadow:0 3px 10px #324b4312}.class-onboarding{text-align:center;background:linear-gradient(145deg,#f2faf6,#fffefa);border:1px dashed #bdd8cd;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:34px;display:flex}.class-onboarding>span{background:var(--mint-soft);width:62px;height:62px;color:var(--mint);border-radius:18px;place-items:center;display:grid}.class-onboarding>span svg{width:29px}.class-onboarding h2{margin:18px 0 7px;font-size:22px}.class-onboarding p{max-width:470px;color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.8}.class-onboarding>div{gap:9px;display:flex}.class-onboarding>small{color:var(--mint-dark);margin-top:16px}.access-modal{width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto}.permission-fields{border:0;margin:4px 0 0;padding:0}.permission-fields legend{margin-bottom:9px;font-size:11px;font-weight:700}.homeroom-option{background:#f1f8f4;border:1px solid #cfe3da;border-radius:11px;align-items:center;padding:11px 12px;flex-direction:row!important;gap:10px!important;margin:0 0 11px!important;display:flex!important}.homeroom-option input,.subject-options input{width:16px;height:16px;accent-color:var(--mint);flex:none}.homeroom-option span{flex-direction:column;display:flex}.homeroom-option b{font-size:11px}.homeroom-option small{color:var(--muted);margin-top:2px;font-size:9px}.subject-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.subject-options label{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:0 9px;font-size:10px;display:flex}.invite-code-input{text-transform:uppercase;letter-spacing:.16em;text-align:center;font-weight:800;font-size:18px!important}.form-note svg{flex:none;width:15px}.invite-result{text-align:center;background:linear-gradient(145deg,#eff9f4,#fffaf0);border:1px solid #cfe5dc;border-radius:16px;flex-direction:column;align-items:center;padding:24px;display:flex}.invite-result>svg{width:32px;height:32px;color:var(--mint)}.invite-result>span{color:var(--muted);margin-top:8px;font-size:10px}.invite-result>strong{letter-spacing:.18em;color:var(--mint-dark);margin:5px 0 9px;font-size:32px}.invite-result>small{color:#957126;align-items:center;gap:5px;font-size:10px;display:flex}.invite-result>small svg{width:14px}.invite-result>button{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;height:36px;margin-top:15px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.invite-result>button svg{width:15px}@media (width<=720px){.login-mobile-brand{margin-bottom:38px}.student-head-actions{grid-template-columns:1fr 1fr}.student-head-actions .class-switch{grid-column:1/3}.student-head-actions>button{min-width:0;padding:0 7px}.class-onboarding{min-height:360px;padding:25px 18px}.subject-options{grid-template-columns:1fr 1fr}.access-modal{border-radius:17px;max-height:calc(100vh - 20px)}.invite-result>strong{font-size:26px}.class-onboarding>div{grid-template-columns:1fr 1fr;width:100%;display:grid}}.invite-history{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.invite-history>b{margin-bottom:7px;font-size:10px;display:block}.invite-history>div{border-top:1px solid #edf0ec;grid-template-columns:76px 1fr auto;align-items:center;gap:8px;min-height:42px;display:grid}.invite-history code{color:var(--mint-dark);font-size:11px;font-weight:800}.invite-history span{flex-direction:column;font-size:9px;display:flex}.invite-history small{color:var(--muted);margin-top:2px}.invite-history button{border:1px solid var(--line);background:#fffefa;border-radius:7px;height:28px;font-size:9px}.book-type-empty{text-align:center;background:linear-gradient(145deg,#f1f9f5,#fffefa);border:1px dashed #bdd8cd;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:36px;display:flex}.book-type-empty>span{background:var(--mint-soft);width:58px;height:58px;color:var(--mint);border-radius:17px;place-items:center;display:grid}.book-type-empty h2{margin:16px 0 7px;font-size:21px}.book-type-empty p{max-width:500px;color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.8}.book-type-shortcut{background:var(--mint-soft);width:100%;min-height:42px;color:var(--mint-dark);border:1px solid #bddfd2;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.book-type-shortcut svg{width:16px}.access-error{color:#b5453f;background:#fff2f1;border:1px solid #f0c9c6;border-radius:9px;padding:10px 12px;line-height:1.5;margin:0!important;font-size:10px!important}.access-modal footer button:disabled{opacity:.55;cursor:wait}.student-summary .leave-class-button{color:var(--coral);background:#fff9f7;border-color:#efd2ce}.student-summary .leave-class-button:hover{background:var(--coral-soft)}.student-summary .leave-class-button:disabled{opacity:.55;cursor:wait}.class-access-toast{top:24px}.teacher-management{border:1px solid var(--line);background:#fffefa;border-radius:15px;margin:0 0 18px;overflow:hidden}.teacher-management>header{background:linear-gradient(110deg,#f3faf7,#fffefa);border-bottom:1px solid #e9efec;justify-content:space-between;align-items:center;min-height:72px;padding:14px 18px;display:flex}.teacher-management>header>div{align-items:center;gap:11px;display:flex}.teacher-management>header>div>span{background:var(--mint-soft);width:39px;height:39px;color:var(--mint-dark);border-radius:11px;place-items:center;display:grid}.teacher-management>header svg{width:18px}.teacher-management h2{margin:0 0 3px;font-size:14px}.teacher-management p{color:var(--muted);margin:0;font-size:9px}.teacher-management>header>strong{color:var(--mint-dark);font-size:20px}.teacher-management>header>strong small{color:var(--muted);margin-left:4px;font-size:9px;font-weight:500}.teacher-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.teacher-list article{border-top:1px solid #edf1ef;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:12px 16px;display:grid}.teacher-list article:nth-child(-n+2){border-top:0}.teacher-list article:nth-child(odd){border-right:1px solid #edf1ef}.teacher-list article.current-teacher{background:#fbfdfc}.teacher-avatar{width:36px;height:36px;color:var(--mint-dark);background:#e7f4ef;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.teacher-identity{flex-direction:column;min-width:0;display:flex}.teacher-identity b{align-items:center;gap:5px;font-size:11px;display:flex}.teacher-identity b em{color:var(--mint-dark);background:var(--mint-soft);border-radius:8px;padding:2px 5px;font-size:8px;font-style:normal}.teacher-identity small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.teacher-actions{align-items:center;gap:4px;display:flex}.teacher-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:5px;height:31px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.teacher-actions button svg{width:13px}.teacher-actions .remove-teacher{width:31px;color:var(--coral);background:snow;border-color:#efd5d1;justify-content:center;padding:0}.teacher-actions button:hover{background:var(--mint-soft);border-color:#b8d9cc}.teacher-actions .remove-teacher:hover{background:var(--coral-soft);border-color:#edbdb8}.teacher-actions button:disabled{opacity:.5}.homeroom-tag,.subject-tag{border-radius:8px;padding:5px 8px;font-size:8px;font-weight:700}.homeroom-tag{background:var(--gold-soft);color:#9a7219}.subject-tag{color:#71817e;background:#eef3f2}.access-modal footer .primary svg{width:15px}.teacher-management-page{max-width:980px}.teacher-management-head{align-items:flex-end}.teacher-management-head>div{flex-direction:column;align-items:flex-start;display:flex}.teacher-management-head .detail-back{margin:0 0 21px}.teacher-management-standalone{margin-bottom:14px}.teacher-management-standalone .teacher-list{grid-template-columns:1fr}.teacher-management-standalone .teacher-list article{border-top:1px solid #edf1ef;border-right:0;min-height:76px}.teacher-management-standalone .teacher-list article:first-child{border-top:0}.teacher-management-standalone .teacher-avatar{width:42px;height:42px;font-size:15px}.teacher-management-standalone .teacher-identity b{font-size:13px}.teacher-management-standalone .teacher-identity small{font-size:10px}.teacher-management-note{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.teacher-management-note svg{width:15px;color:var(--mint-dark)}@media (width<=720px){.teacher-management>header{padding:13px}.teacher-management p{max-width:235px;line-height:1.5}.teacher-list{grid-template-columns:1fr}.teacher-list article:nth-child(-n+2){border-top:1px solid #edf1ef}.teacher-list article:first-child{border-top:0}.teacher-list article:nth-child(odd){border-right:0}.teacher-list article{padding:11px 13px}.teacher-actions button:first-child{justify-content:center;width:32px;padding:0;font-size:0}.teacher-actions button:first-child svg{width:15px}.teacher-actions .remove-teacher{width:32px}.teacher-identity small{max-width:155px}.teacher-management-page{padding-top:28px}.teacher-management-head{align-items:flex-end;gap:12px;display:flex}.teacher-management-head .detail-back{margin-bottom:15px}.teacher-management-head h1{font-size:28px}.teacher-management-head>button{flex:none;padding:0 12px}.teacher-management-standalone>header p{max-width:210px}.teacher-management-note{padding:0 3px;line-height:1.6}}.paper-code-field{grid-template-columns:1fr auto;align-items:end;gap:7px;margin-bottom:13px;display:grid}.paper-code-field label{flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.paper-code-field input{letter-spacing:.18em;font-size:20px;font-weight:800}.paper-code-field>button{border:1px solid var(--line);height:42px;color:var(--mint-dark);background:#fff;border-radius:10px;padding:0 12px;font-size:10px;font-weight:700}.paper-code-field small{color:var(--muted);grid-column:1/3;font-size:9px}.paper-code-callout{background:linear-gradient(110deg,#edf8f3,#fffaf0);border:1px solid #c9dfd6;border-radius:15px;align-items:center;gap:14px;margin:0 0 16px;padding:16px 20px;display:flex}.paper-code-callout>span{background:var(--mint-soft);width:44px;height:44px;color:var(--mint);border-radius:12px;place-items:center;display:grid}.paper-code-callout>div{flex-direction:column;flex:1;display:flex}.paper-code-callout small{color:var(--mint-dark);font-size:9px}.paper-code-callout strong{letter-spacing:.08em;font-size:24px}.paper-code-callout strong em{color:var(--muted);letter-spacing:0;font-size:12px;font-style:normal}.paper-code-callout p{color:var(--muted);margin:2px 0 0;font-size:9px}.paper-code-callout>button{border:1px solid var(--line);background:#fff;border-radius:9px;height:36px;padding:0 12px;font-size:10px;font-weight:700}.paper-scan-page{background:#f5f8f7;min-height:100vh;padding-bottom:90px}.paper-scan-head{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 28px;display:grid}.paper-scan-head>button{color:var(--muted);background:0 0;border:0;justify-self:start;align-items:center;gap:6px;font-size:10px;display:flex}.paper-scan-head>button svg{width:16px}.paper-scan-head>div{text-align:center;flex-direction:column;display:flex}.paper-scan-head small{color:var(--mint-dark);font-size:9px}.paper-scan-head b{font-size:16px}.paper-scan-head>span{color:var(--muted);justify-self:end;font-family:ui-monospace,monospace;font-size:11px}.paper-camera-stage{color:#fff;background:radial-gradient(circle,#173e3b,#071e20);height:430px;position:relative;overflow:hidden}.paper-camera-stage video{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.paper-camera-stage video.active{display:block}.paper-camera-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paper-camera-empty>svg{color:#8fc3b5;width:56px;height:56px;margin-bottom:12px}.paper-camera-empty h1{margin:0 0 6px;font-size:21px}.paper-camera-empty p{color:#a7bfba;margin:0;font-size:11px}.paper-scan-guide{border:1px solid #71d7b9;border-radius:15px;height:116px;position:absolute;top:50%;left:12%;right:12%;transform:translateY(-50%);box-shadow:0 0 0 999px #001a1b55}.paper-scan-guide>span{border-style:solid;border-color:#62e1bb;width:28px;height:28px;position:absolute}.paper-scan-guide>span:first-child{border-width:3px 0 0 3px;border-radius:10px 0 0;top:-2px;left:-2px}.paper-scan-guide>span:nth-child(2){border-width:3px 3px 0 0;border-radius:0 10px 0 0;top:-2px;right:-2px}.paper-scan-guide>span:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 10px;bottom:-2px;left:-2px}.paper-scan-guide>span:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 10px;bottom:-2px;right:-2px}.paper-scan-guide>b{white-space:nowrap;color:#d2eee6;font-size:10px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.paper-ocr-loading{z-index:3;background:#071e20dc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paper-ocr-loading svg{color:#64d6b5;animation:1s linear infinite spin}.paper-ocr-loading b{margin-top:10px}.paper-ocr-loading small{color:#abc2bd;margin-top:4px;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}.paper-scan-controls{z-index:4;grid-template-columns:1fr 1.2fr 1fr;gap:8px;width:min(620px,100% - 28px);margin:-22px auto 0;display:grid;position:relative}.paper-scan-controls>button{justify-content:center;height:45px}.paper-scan-controls .paper-capture{border:0;border-radius:23px;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 8px 24px #0b6c5840}.paper-scan-controls svg{width:17px}.paper-manual{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;width:min(520px,100% - 28px);height:43px;margin:22px auto 0;display:flex;overflow:hidden}.paper-manual>svg{width:16px;color:var(--muted);margin-left:12px}.paper-manual input{letter-spacing:.08em;border:0;outline:0;flex:1;min-width:0;padding:0 10px;font-size:13px}.paper-manual button{background:var(--mint);color:#fff;border:0;height:100%;padding:0 16px;font-weight:700}.paper-scan-help{border:1px solid var(--line);background:#fffefa;border-radius:11px;align-items:center;gap:10px;width:min(520px,100% - 28px);margin:12px auto;padding:13px;display:flex}.paper-scan-help>svg{width:20px;color:var(--mint)}.paper-scan-help span{flex-direction:column;display:flex}.paper-scan-help b{font-size:11px}.paper-scan-help small{color:var(--muted);margin-top:2px;font-size:9px}.paper-review-form{flex-direction:column;gap:9px;margin-top:18px;display:flex}.paper-review-form input{border:1px solid var(--line);text-align:center;letter-spacing:.16em;border-radius:11px;outline:0;height:52px;font-size:23px}.paper-review-form small{min-height:16px;color:var(--coral);text-align:center;font-size:9px}.paper-review-form button{border:0;border-radius:10px;height:42px}.paper-identity{background:#f2f8fb;border-color:#c9dce8}.paper-identity>span{background:#527f9b}.paper-sheet-backdrop{z-index:90}@media (width<=720px){.paper-scan-head{grid-template-columns:1fr auto;padding:0 16px}.paper-scan-head>span{display:none}.paper-camera-stage{height:360px}.paper-scan-guide{height:98px;left:7%;right:7%}.paper-scan-controls{grid-template-columns:1fr 1fr}.paper-scan-controls .paper-capture{grid-area:1/1/auto/3}.paper-code-callout{flex-wrap:wrap;align-items:flex-start}.paper-code-callout>button{margin-left:58px}.paper-sheet-backdrop{inset:0}.paper-code-field input{font-size:18px}}.assignment-view-tabs{gap:8px;margin:18px 0 12px;display:flex}.assignment-view-tabs button{border:1px solid var(--line);height:38px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 15px;font-weight:700;display:flex}.assignment-view-tabs button svg{width:16px}.assignment-view-tabs button span{background:#eef3f0;border-radius:10px;min-width:20px;padding:2px 6px;font-size:10px}.assignment-view-tabs button.active{color:var(--mint-dark);background:#edf7f3;border-color:#9bc5b8}.assignment-view-tabs button.active span{background:#fff}.task-table-row.archived-row{color:#6f7c77;background:#fbfbf8}.task-table-row.archived-row .task-name-cell>i{color:#718078;background:#e8ece9}.assignment-archive-banner{color:#76663a;background:#fffaf0;border:1px solid #e1d8bd;border-radius:12px;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;display:flex}.assignment-archive-banner>svg{width:24px}.assignment-archive-banner span{flex-direction:column;flex:1;display:flex}.assignment-archive-banner b{font-size:13px}.assignment-archive-banner small{color:#96845a;margin-top:2px;font-size:10px}.assignment-archive-banner button{color:#756237;background:#fff;border:1px solid #dacb9f;border-radius:9px;height:34px;padding:0 13px;font-weight:700}.detail-lifecycle-actions{gap:7px;display:flex}.detail-lifecycle-actions>button{border:1px solid var(--line);height:34px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:0 11px;display:flex}.detail-lifecycle-actions svg{width:15px}.detail-lifecycle-actions .detail-delete{color:var(--coral);position:static}.archive-scan-note{color:#89723c;background:#fff8e8;border-radius:9px;margin:10px 0 18px;padding:10px;font-size:11px;line-height:1.6}@media (width<=720px){.assignment-view-tabs{margin:12px 0 9px}.assignment-view-tabs button{flex:1;justify-content:center}.assignment-archive-banner{flex-wrap:wrap;align-items:flex-start}.assignment-archive-banner button{margin-left:36px}.detail-lifecycle-actions{justify-content:flex-end;width:100%}.modal-backdrop{overscroll-behavior:none;touch-action:none;align-items:end;padding:0;overflow:hidden}.create-task-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100%;max-width:none;max-height:92dvh;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow-y:auto;box-shadow:0 -12px 40px #102c2730}.create-task-modal header{border-bottom:0;margin:0 0 14px;padding:0;position:static}.create-task-modal h2{font-size:20px}.create-task-modal>label{margin-bottom:10px}.create-task-modal input,.create-task-modal select{height:44px;font-size:16px}.create-task-modal footer{border-top:1px solid #edf0ec;margin:14px 0 0;padding:12px 0 0;position:static}.assignment-toast{top:max(12px, env(safe-area-inset-top));z-index:100;text-align:center;justify-content:center;width:calc(100% - 28px)}}@media (width<=720px) and (height<=650px){.create-task-modal{max-height:96dvh}}.assignment-toast{z-index:100}.paper-camera-empty{background:radial-gradient(circle at 50% 38%,#2a625b66 0 78px,#0000 79px),linear-gradient(165deg,#0000,#03171855);padding:34px 24px}.paper-camera-empty>svg{background:#d9fff31a;border-radius:16px;width:48px;height:48px;padding:12px}.paper-camera-empty p{max-width:320px;line-height:1.6}.paper-sheet-backdrop{overscroll-behavior:none;touch-action:none}.paper-sheet-backdrop .result-sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.paper-sheet-backdrop button,.paper-scan-controls button,.paper-manual button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.paper-sheet-backdrop .result-actions button{z-index:1;min-height:92px;position:relative}.paper-scan-toast{z-index:120}@media (width<=720px){.paper-camera-stage{height:300px}.paper-camera-empty{justify-content:flex-start;padding-top:54px}.paper-camera-empty h1{font-size:20px}.paper-scan-guide{height:82px;top:48%}.paper-scan-controls{grid-template-columns:1fr 1fr;margin-top:-20px}.paper-scan-controls .paper-capture{grid-area:1/1/auto/3;min-height:50px;font-size:14px}.paper-sheet-backdrop .result-sheet{max-height:88dvh}.paper-sheet-backdrop .result-actions{gap:7px}.paper-sheet-backdrop .result-actions button{min-height:88px;padding:12px 5px 10px}.paper-scan-toast{top:auto;bottom:calc(78px + env(safe-area-inset-bottom));text-align:center;justify-content:center;width:max-content;max-width:calc(100% - 32px);min-height:46px;padding:12px 18px;font-size:14px;line-height:1.4}}.overnight-title em{color:#9489aa;margin-left:auto;font-size:9px;font-style:normal}.overnight-names{animation:.32s ease-out overnight-page-in}.motion-disabled .overnight-names{animation:none}@keyframes overnight-page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mobile-display-label{display:none}.display-receiver-page{background:radial-gradient(circle at 50% 5%,#eef9f4,#f7f5ee 55%,#e8f1ed);place-items:center;min-height:100vh;padding:48px;display:grid;position:relative}.display-receiver-page .display-join-back{color:#56706b;background:#ffffffb8;border:0;border-radius:11px;align-items:center;gap:6px;height:38px;padding:0 13px;display:flex;position:absolute;top:26px;left:28px}.display-receiver-page .display-join-back svg{width:16px}.display-receiver-card{text-align:center;background:#fffffff2;border:1px solid #d9e7e0;border-radius:28px;flex-direction:column;align-items:center;width:min(790px,92vw);min-height:560px;padding:34px 48px 28px;display:flex;box-shadow:0 32px 90px #41695d1f}.display-receiver-card>.brand{align-self:flex-start}.receiver-icon{width:62px;height:62px;color:var(--mint);background:linear-gradient(145deg,#d8f2e8,#eff8f3);border-radius:19px;place-items:center;margin:5px 0 10px;display:grid}.receiver-icon svg{width:31px;height:31px}.display-receiver-card>small{color:var(--mint-dark);letter-spacing:.12em;font-size:10px;font-weight:800}.display-receiver-card h1{margin:8px 0;font-size:30px}.display-receiver-card>p{color:var(--muted);margin:0 0 22px;font-size:12px}.receiver-pairing{text-align:left;grid-template-columns:240px 1fr;align-items:center;gap:40px;display:grid}.receiver-qr{background:#fff;border:1px solid #dbe8e3;border-radius:18px;place-items:center;width:236px;height:236px;padding:8px;display:grid;box-shadow:0 10px 28px #345c5114}.receiver-qr img{width:100%;height:100%;display:block}.receiver-qr>svg{color:#b3c5bf;width:80px;height:80px}.receiver-code{flex-direction:column;display:flex}.receiver-code>span{color:var(--mint-dark);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.receiver-code>span svg{width:18px}.receiver-code strong{letter-spacing:.14em;color:#183c38;font-variant-numeric:tabular-nums;margin:12px 0 8px;font-size:48px;line-height:1.2}.receiver-code small{color:var(--muted);font-size:10px}.receiver-waiting{color:#56706b;align-items:center;gap:9px;margin-top:18px;display:flex}.receiver-waiting>i{background:#43b990;border-radius:50%;width:9px;height:9px;animation:1.4s infinite receiverPulse;box-shadow:0 0 0 6px #43b9901c}.receiver-waiting>span{text-align:left;flex-direction:column;display:flex}.receiver-waiting b{font-size:11px}.receiver-waiting small{color:var(--muted);font-size:9px}.display-receiver-card>footer{color:#6c817b;align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-size:10px;display:flex}.display-receiver-card>footer svg{width:15px;color:var(--mint)}.receiver-loading,.receiver-error{min-height:250px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.receiver-loading svg{animation:1s linear infinite receiverSpin}.receiver-error{color:var(--coral)}@keyframes receiverSpin{to{transform:rotate(360deg)}}@keyframes receiverPulse{50%{opacity:.45;transform:scale(.82)}}.pairing-backdrop{z-index:100}.pair-display-modal{background:#fff;border-radius:22px;width:min(470px,100vw - 28px);max-height:calc(100vh - 28px);padding:22px;overflow:auto;box-shadow:0 25px 80px #0e302a3d}.pair-display-modal>header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pair-display-modal>header small{color:var(--mint-dark);font-size:9px;font-weight:800}.pair-display-modal h2{margin:2px 0 0;font-size:23px}.pair-display-modal>header>button{background:#f1f5f3;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.pair-display-modal>header svg{width:17px}.pair-display-tip{color:var(--mint-dark);background:#f1f9f6;border:1px solid #cfe4dc;border-radius:13px;align-items:center;gap:11px;margin-bottom:15px;padding:13px;display:flex}.pair-display-tip>svg{width:26px}.pair-display-tip span{flex-direction:column;display:flex}.pair-display-tip b{font-size:12px}.pair-display-tip small{color:var(--muted);margin-top:2px;font-size:9px}.pair-display-modal>label{color:#52645f;flex-direction:column;gap:6px;margin:11px 0;font-size:10px;font-weight:800;display:flex}.pair-display-modal input,.pair-display-modal select{border:1px solid var(--line);height:43px;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:0 12px}.pair-display-modal input{letter-spacing:.22em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.pair-display-modal input:focus,.pair-display-modal select:focus{border-color:#77bca8;box-shadow:0 0 0 3px #77bca81c}.pair-display-help,.pair-display-error,.pair-display-success{border-radius:9px;min-height:32px;margin:12px 0 0;padding:8px 10px;font-size:9px;line-height:1.5}.pair-display-help{color:var(--muted);background:#f5f7f6}.pair-display-error{color:#bd5f57;background:#fff1ef}.pair-display-success{color:#288363;background:#edf9f3;align-items:center;gap:5px;display:flex}.pair-display-success svg{width:14px}.pair-display-modal>footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.pair-display-modal>footer button{border:1px solid var(--line);background:#fff;border-radius:10px;height:40px;padding:0 15px;font-weight:800}.pair-display-modal>footer .primary{background:var(--mint);color:#fff;border:0}.pair-display-modal>footer button:disabled{color:#91a09b;background:#dce6e2}.active-display-banner{z-index:80;color:var(--mint-dark);background:#f6fffb;border:1px solid #b9ddcf;border-radius:14px;align-items:center;gap:9px;padding:10px 11px 10px 13px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 35px #204f4230}.active-display-banner>svg{width:20px}.active-display-banner span{flex-direction:column;display:flex}.active-display-banner b{font-size:10px}.active-display-banner small{color:var(--muted);font-size:8px}.active-display-banner button{color:#387a66;background:#e4f2ec;border:0;border-radius:8px;align-items:center;gap:4px;height:30px;padding:0 9px;font-size:9px;font-weight:800;display:flex}.active-display-banner button svg{width:12px}.pair-scan-required{color:var(--mint-dark);background:#fbfdfc;border:1px dashed #b8d5ca;border-radius:12px;flex-direction:column;margin:10px 0;padding:14px;display:flex}.pair-scan-required b{font-size:11px}.pair-scan-required small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.6}.pair-computer-step{background:#fffaf0;border:1px solid #e4d7b8;border-radius:13px;flex-direction:column;margin-bottom:10px;padding:11px 92px 11px 12px;display:flex;position:relative}.pair-computer-step>span{color:#8b7750;font-size:8px;font-weight:800}.pair-computer-step>strong{color:#5d4b2c;overflow-wrap:anywhere;margin:3px 0;font-size:14px}.pair-computer-step>small{color:#9b8c70;font-size:8px}.pair-computer-step>button{color:#75603a;background:#f1e7d2;border:0;border-radius:8px;align-items:center;gap:4px;height:32px;padding:0 8px;font-size:8px;font-weight:800;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pair-computer-step>button svg{width:12px}.pair-camera-panel{background:#f7fbf9;border:1px solid #cfe1db;border-radius:16px;padding:10px}.pair-camera-reader{background:#102d2a;border-radius:12px;width:100%;height:285px;display:none;overflow:hidden}.pair-camera-reader.active{display:block}.pair-camera-reader video{object-fit:cover!important}.pair-camera-reader img{object-fit:contain!important}.pair-camera-placeholder{text-align:center;background:#fff;border:1px dashed #b8d5ca;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:205px;display:flex}.pair-camera-placeholder>span{background:var(--mint-soft);width:62px;height:62px;color:var(--mint);border-radius:18px;place-items:center;margin-bottom:12px;display:grid}.pair-camera-placeholder svg{width:31px;height:31px}.pair-camera-placeholder b{font-size:13px}.pair-camera-placeholder small{color:var(--muted);margin-top:4px;font-size:9px}.pair-camera-live{z-index:2;color:#fff;background:#092521bd;justify-content:center;align-items:center;gap:7px;height:30px;margin:-30px 0 0;font-size:9px;display:flex;position:relative}.pair-camera-live i{background:#57dcaf;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #57dcaf2e}.pair-camera-actions{grid-template-columns:1.25fr 1fr;gap:8px;margin-top:10px;display:grid}.pair-camera-actions button{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.pair-camera-actions button.primary{background:var(--mint);color:#fff;border:0}.pair-camera-actions svg{width:16px}.pair-camera-fallback{text-align:center;color:var(--muted);margin:9px 4px 1px;font-size:8px;line-height:1.5;display:block}.pair-code-ready{color:var(--mint-dark);background:#f1faf6;border:1px solid #b9ddcf;border-radius:13px;align-items:center;gap:9px;padding:11px 12px;display:flex}.pair-code-ready>svg{background:var(--mint);color:#fff;border-radius:50%;width:22px;height:22px;padding:5px}.pair-code-ready span{flex-direction:column;flex:1;display:flex}.pair-code-ready small{color:var(--muted);font-size:8px}.pair-code-ready strong{letter-spacing:.14em;font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2}.pair-code-ready button{height:32px;color:var(--mint-dark);background:#e2f2eb;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:8px;font-weight:800;display:flex}.pair-code-ready button svg{width:12px}.pair-display-modal.is-scanning{overflow:hidden}@media (width<=720px){.desktop-nav-only,.desktop-display-entry,.desktop-display-label{display:none!important}.mobile-display-label{display:inline}.pairing-backdrop{inset:0}.pair-display-modal{border-radius:18px;max-height:calc(100dvh - 12px);padding:16px}.pair-display-modal h2{font-size:21px}.pair-display-modal input,.pair-display-modal select{font-size:16px}.pair-display-modal input{font-size:21px}.pair-display-tip{margin-bottom:11px;padding:10px}.pair-computer-step{padding-right:82px}.pair-computer-step>strong{font-size:12px}.pair-camera-reader{height:min(42dvh,330px)}.pair-camera-placeholder{height:min(28dvh,205px)}.pair-display-modal>footer{padding-bottom:env(safe-area-inset-bottom)}.active-display-banner{bottom:72px;left:12px;right:12px}.active-display-banner span{flex:1}.display-receiver-page{padding:18px}.display-receiver-card{padding:26px 20px}.receiver-pairing{grid-template-columns:1fr}.receiver-code{text-align:center;align-items:center}.receiver-qr{margin:auto}}