.class-shell{color:#171715;background:#f4f2ec;min-height:100vh;padding:28px clamp(14px,4vw,54px) 64px}.class-hero{border-bottom:2px solid #171715;justify-content:space-between;align-items:flex-end;gap:20px;max-width:1240px;margin:0 auto 18px;padding-bottom:18px;display:flex}.class-hero p{letter-spacing:.14em;color:#777;margin:0 0 6px;font-size:11px}.class-hero h1{margin:0 0 8px;font-size:34px}.class-hero span{color:#666;font-size:14px}.class-hero nav{flex-wrap:wrap;gap:8px;display:flex}.class-hero nav a{background:#fff;border:1px solid #aaa;padding:8px 11px;font-size:12px}.class-flow{color:#fff;background:#171715;flex-wrap:wrap;justify-content:center;gap:11px;max-width:1240px;margin:0 auto 16px;padding:12px 15px;font-size:12px;display:flex}.class-flow b{color:#999;font-weight:400}.class-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:16px;max-width:1240px;margin:0 auto;display:grid}.class-main{gap:16px;display:grid}.class-panel{background:#fff;border:1px solid #d6d2c8;padding:19px}.panel-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.panel-title.split{justify-content:space-between}.panel-title.split>div{align-items:center;gap:9px;display:flex}.panel-title span{color:#777;font-size:11px}.panel-title h2{margin:0;font-size:20px}.class-create,.assignment-form{gap:7px;display:grid}.class-create input,.class-create textarea,.assignment-form select,.assignment-form input,.student-join input,.answer-grid input{box-sizing:border-box;background:#fff;border:1px solid #bbb;width:100%;padding:10px 11px}.class-create textarea{resize:vertical;min-height:70px}.class-create button,.assignment-form button,.outline,.student-join button,.answer-actions button,.pdf-button{cursor:pointer;background:#fff;border:1px solid #222;padding:9px 11px}.class-create button:disabled,.assignment-form button:disabled,.answer-actions button:disabled{opacity:.45;cursor:not-allowed}.class-list{gap:6px;margin-top:14px;display:grid}.class-list>button{text-align:left;cursor:pointer;background:#faf9f5;border:1px solid #d6d2c8;padding:11px}.class-list>button.active{color:#fff;background:#171715}.class-list strong,.class-list small{display:block}.class-list small{color:#777;margin-top:4px;font-size:11px}.class-list .active small{color:#ccc}.invite-code{background:#faf9f5;border:1px solid #d6d2c8;padding:16px}.invite-code span,.invite-code strong,.invite-code small{display:block}.invite-code strong{letter-spacing:.12em;margin:6px 0;font-size:28px}.invite-code small{color:#777;font-size:11px}.member-list{margin-top:12px}.member-list>div{border-top:1px solid #e2dfd7;justify-content:space-between;padding:10px 0;display:flex}.member-list span{color:#777;font-size:11px}.exam-list article{border-top:1px solid #ddd;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.exam-list strong,.exam-list small{display:block}.exam-list small{color:#777;margin-top:3px;font-size:11px}.exam-list>article>span{font-size:11px}.submission-section{max-width:1240px;margin:16px auto 0}.submission-list article{border-top:1px solid #ddd;grid-template-columns:minmax(180px,1fr) 150px 170px minmax(180px,1fr);align-items:center;gap:14px;padding:12px 0;display:grid}.submission-list article:first-child{border-top:0}.submission-name strong,.submission-name span,.submission-list small{display:block}.submission-name span,.submission-list small{color:#777;margin-top:3px;font-size:11px}.status{border:1px solid #bbb;padding:4px 7px;font-size:11px;display:inline-block}.status.analyzed{color:#fff;background:#171715}.result-cell strong,.result-cell small{display:block}.result-cell strong{font-size:20px}.analysis-cell details summary{cursor:pointer;font-size:12px}.analysis-cell details p{color:#555;font-size:12px;line-height:1.7}.muted{color:#777;font-size:13px}.class-toast{color:#fff;background:#171715;max-width:420px;padding:12px 15px;font-size:12px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #0003}.class-empty{background:#fff;border:1px solid #ddd;max-width:680px;margin:15vh auto;padding:30px}.student-layout{gap:16px;max-width:1100px;margin:0 auto;display:grid}.student-join{background:#fff;border:1px solid #d6d2c8;grid-template-columns:1fr 1fr auto;gap:8px;padding:18px;display:grid}.student-class-list,.student-exam-list{gap:10px;display:grid}.student-card{background:#fff;border:1px solid #d6d2c8;padding:16px}.student-card header{justify-content:space-between;gap:12px;display:flex}.student-card small{color:#777}.student-card .exam-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.student-card .exam-actions button{cursor:pointer;background:#fff;border:1px solid #222;padding:9px 11px}.student-card .exam-actions button:disabled{opacity:.45;cursor:not-allowed}.student-card .exam-actions .pdf-button{color:#fff;background:#171715}.answer-editor{background:#fff;border:1px solid #aaa;padding:20px}.answer-editor header{border-bottom:2px solid #171715;margin-bottom:14px;padding-bottom:12px}.answer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.answer-grid label{font-size:12px}.answer-grid span{margin-bottom:4px;display:block}.answer-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.answer-actions .submit{color:#fff;background:#171715}.lock-note{color:#8a3f16;margin-top:10px;font-size:12px}.student-result{border-top:1px solid #ddd;margin-top:14px;padding-top:12px}.student-result strong{font-size:22px}.student-result p{line-height:1.8}.student-exam-status{border:1px solid #aaa;padding:3px 7px;font-size:11px}@media (max-width:900px){.class-grid{grid-template-columns:1fr}.submission-list article{grid-template-columns:1fr 1fr}.analysis-cell{grid-column:1/-1}.answer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.class-shell{padding-left:11px;padding-right:11px}.class-hero{flex-direction:column;align-items:flex-start}.class-hero h1{font-size:28px}.student-join,.submission-list article{grid-template-columns:1fr}.answer-grid{grid-template-columns:repeat(2,1fr)}.panel-title.split{flex-direction:column;align-items:flex-start}}