@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#273b35;background:#f5f6f3;font-synthesis:none;--green:#256853;--line:#e4e9e2;--muted:#85918a}*{box-sizing:border-box}body{margin:0;font-size:13px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #dce3db;border-radius:7px;background:white;color:#40534a;padding:11px 17px;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--green);background:#edf4ee}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b3cdbc;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#1c5342}button.primary span{margin-left:22px}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:13px;font-weight:600}.muted{color:var(--muted)}[hidden]{display:none!important}header{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.brand{text-decoration:none;color:#283e35;display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700;letter-spacing:1px}.brand small{display:block;font:9px ui-monospace,monospace;letter-spacing:2px;margin-top:5px;color:#7c8c82}.logo{width:42px;height:44px;display:grid;place-items:center;background:var(--green);color:white;border-radius:10px;font-size:30px}.header-right{display:flex;gap:24px;align-items:center;color:#85918a;font-size:12px}.pill{padding:5px 9px;border-radius:5px;background:#edf4ee;color:var(--green);font-size:10px;white-space:nowrap}main{max-width:1510px;margin:auto;padding:32px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:#789084;margin-bottom:12px}h1{font-size:25px;font-weight:600;letter-spacing:-.7px}.version{font:9px ui-monospace,monospace;color:#76867c;border:1px solid #d9e1d8;padding:4px 6px;vertical-align:middle;margin-left:14px;letter-spacing:1px}.page-heading p{margin-top:10px;color:#879088;font-size:12px}.session-label{display:flex;gap:7px;align-items:center;font-size:11px;color:#748479}.live-dot{width:6px;height:6px;background:#639f74;display:inline-block;border-radius:50%}.card{background:white;border:1px solid var(--line);border-radius:11px}.setup{display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;margin-bottom:24px}.setup-intro{padding:24px 28px;background:linear-gradient(110deg,#eaf1e8,#f7f9f4)}.section-index{font-size:10px;color:#8b988c;letter-spacing:1px}.setup h2{font-size:20px;margin:10px 0}.setup p{font-size:12px;line-height:1.8;color:#79887b}.setup-actions{display:flex;gap:10px;margin-top:20px}.setup-settings{padding:25px 28px}.setup-settings h3{margin-bottom:15px}#settings{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-bottom:13px}.setting{display:flex;align-items:center;gap:9px;cursor:pointer}.setting input{accent-color:var(--green);width:15px;height:15px;margin:0}.setup-note{grid-column:1/-1;padding:12px 28px;border-top:1px solid var(--line);font-size:11px;color:#879184;background:#fafbf8}.setup-note span{display:block;color:#aa7b3a;margin-top:4px}.workspace{display:grid;grid-template-columns:230px minmax(360px,1fr) 300px;gap:22px;align-items:start}.paper-info{padding:23px 20px}.paper-info h2{margin-top:11px;font-size:15px}.paper-info>p{font-size:11px;color:#909a91;margin-top:8px}.divider{height:1px;background:var(--line);margin:23px 0}.timer-label{display:flex;justify-content:space-between;color:#819087;font-size:11px}.timer{font:44px ui-monospace,SFMono-Regular,monospace;letter-spacing:-2px;font-weight:500;margin:9px 0 19px}.timer span{color:#aab6ab}.timer.urgent{color:#c46c4d}.progress{height:4px;background:#edf0e9;border-radius:4px}.progress>div{height:100%;background:var(--green);border-radius:4px;transition:width .2s;width:0}.progress-label{font-size:11px;color:#849185;margin:10px 0 21px}.question-nav{display:flex;gap:7px}.question-nav button{padding:0;width:32px;height:34px;font:12px ui-monospace,monospace;border-radius:5px}.question-nav button.answered{background:#e1eee5;color:var(--green);border-color:#cadfcf}.question-nav button.current{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.legend{display:flex;gap:14px;font-size:10px;color:#8a968c;margin:15px 0 25px}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:7px;height:7px;border:1px solid #dce3db;border-radius:2px}.legend i.filled{background:#c5ddcd}.submit-button{width:100%;display:flex;justify-content:space-between;background:#f6f8f3}.paper-info .small-note{font-size:9px;text-align:center;margin-top:11px}.test-guide{padding:26px 13px}.test-guide h3{margin-top:10px}.test-guide ol{padding-left:20px;margin:20px 0;color:#6b8272}.test-guide li{padding-left:4px;margin-bottom:19px;font-size:11px}.test-guide li b{font-weight:500}.test-guide li span{display:block;margin-top:5px;font-size:10px;color:#91998e}.test-guide>p{font-size:10px;color:#96a092;line-height:1.8;border-top:1px solid var(--line);padding-top:15px}.question-card{min-height:510px;padding:26px 28px}.question-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:31px}.type-badge{padding:5px 10px;background:#edf3ed;border-radius:4px;color:#50815b}.question-number{font:11px ui-monospace,monospace;color:#94a18f;letter-spacing:1px}.question-title{font-size:21px;line-height:1.7;margin:11px 0;font-weight:600}.question-hint{font-size:11px;color:#929a90;margin-bottom:24px}.options{display:grid;gap:12px;min-height:230px}.option{display:flex;align-items:center;gap:13px;border:1px solid #e5e9e0;border-radius:7px;padding:16px;cursor:pointer;transition:.15s;background:#fff;font-size:12px;line-height:1.7}.option:hover{background:#f9fbf7;border-color:#c6d6c4}.option.selected{border-color:#6e9c7d;background:#f0f6ef;color:#265e44}.option input{accent-color:var(--green);margin:0;width:15px;height:15px;flex-shrink:0}.option-letter{font:11px ui-monospace,monospace;color:#93a08e}.question-footer{border-top:1px solid #e9ece5;padding-top:23px;display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:8px}.question-footer button{font-size:11px;padding:9px 12px}.question-footer>span{font-size:9px;color:#99a193}textarea{font:13px/1.8 inherit;width:100%;min-height:220px;resize:vertical;border:1px solid #dde5d9;border-radius:7px;background:#fbfcf9;padding:16px;color:#324936}textarea:disabled{opacity:.7}.char-count{text-align:right;color:#8d998a;font-size:10px;margin-top:8px}.boundary-note{display:flex;gap:12px;padding:20px 4px;color:#8e9a8b;font-size:10px;line-height:1.9}.boundary-note>span{font-size:22px;color:#8ca687}.boundary-note b{font-weight:500;color:#6f836d}.monitor{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-heading h2{font-size:14px}.status-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:17px;color:#8b978b}.status-line b{font-weight:500;color:#507c57}.text-button{padding:0;border:0;color:#527b58;font-size:11px;background:none}.stats{display:grid;grid-template-columns:1fr 1fr;background:#f6f8f3;border-radius:7px;padding:19px 0;margin-top:21px}.stats>div{display:flex;flex-direction:column;align-items:center;gap:8px}.stats>div+div{border-left:1px solid #e2e8dc}.stats strong{font:30px ui-monospace,monospace;color:#3c5b42}.stats strong span{font:11px sans-serif;margin-left:3px}.stats>div>span{font-size:9px;color:#8f9a89}.monitor-foot{font-size:10px;color:#889780;margin-top:17px;display:flex;gap:7px;align-items:center}.event-panel{margin-top:20px}.event-panel .panel-heading{margin:0;padding:22px 21px;border-bottom:1px solid #eef0e9}.event-count{font:10px ui-monospace,monospace;background:#f1f4ed;border-radius:5px;padding:4px 7px;color:#85917d}.events{max-height:340px;min-height:210px;overflow:auto;padding:0 21px}.empty-events{display:flex;flex-direction:column;align-items:center;padding:33px 0;gap:13px;text-align:center;color:#a3ac9e}.empty-events>span{font-size:28px;background:#f6f8f2;width:43px;height:43px;border-radius:50%}.empty-events b{font-weight:400;font-size:11px}.empty-events p{font-size:9px;line-height:1.8}.event-footer{border-top:1px solid #eef0e9;text-align:center;padding:12px;font-size:9px;color:#a1aa99}.event-item{position:relative;border-bottom:1px solid #eef0e9;padding:15px 0 15px 15px}.event-item:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#c39968;top:20px;left:0}.event-item header{height:auto;padding:0;border:0;align-items:start;gap:6px}.event-item b{font-size:11px;font-weight:500}.event-item time{font:9px ui-monospace,monospace;color:#9ba592}.event-item p{font-size:9px;line-height:1.8;color:#939d8b;margin-top:6px}.notice{background:#fff6e7;border:1px solid #edddba;border-radius:7px;color:#9a7540;padding:13px 17px;margin-bottom:20px;font-size:12px}.report{padding:26px;margin-top:20px}.report h2{font-size:20px}.report-summary{display:flex;gap:25px;flex-wrap:wrap;margin:22px 0}.report-summary strong{display:block;font:29px ui-monospace,monospace;color:var(--green);margin-bottom:7px}.report-summary span{font-size:10px;color:#8d9886}.report-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.report-actions{display:flex;gap:10px;margin-top:20px}footer{display:flex;justify-content:space-between;color:#a3ad9c;font-size:9px;letter-spacing:.6px;border-top:1px solid var(--line);margin-top:30px;padding:22px 0}.footer-separator{margin:0 10px}dialog{border:1px solid var(--line);border-radius:13px;padding:30px;max-width:460px;color:#334b39;box-shadow:0 20px 100px #24352522}dialog::backdrop{background:#1d302c55}dialog p{font-size:12px;line-height:1.9;margin-top:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(min-width:1450px){.workspace{grid-template-columns:245px minmax(400px,1fr) 310px;gap:25px}.question-card{padding:30px 35px}}@media(max-width:1100px){main{padding:25px}.workspace{grid-template-columns:190px minmax(300px,1fr);gap:18px}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-panel{margin-top:0}.setup{grid-template-columns:1fr 1fr}.question-nav{gap:4px}.question-nav button{width:27px}.question-footer>span{display:none}}@media(max-width:650px){header{height:74px;padding:0 20px}.desktop-label,.session-label{display:none}main{padding:24px 16px}.page-heading h1{font-size:20px}.version{display:none}.page-heading p{font-size:11px}.setup{grid-template-columns:1fr}.setup-intro,.setup-settings{padding:22px}.setup-note{padding:14px 22px}.workspace{display:flex;flex-direction:column}.left-column,.center-column,.right-column{width:100%}.test-guide{display:none}.paper-info{padding:20px}.paper-info .divider{margin:15px 0}.timer{font-size:35px}.question-nav button{width:36px}.legend{margin:13px 0}.question-card{padding:22px;min-height:0}.question-title{font-size:19px}.right-column{grid-template-columns:1fr}.question-footer{margin-top:22px}.boundary-note{padding:18px 4px}.setup-actions{flex-wrap:wrap}footer{gap:15px;line-height:1.8}.report-actions{flex-wrap:wrap}}

/* Restrict question selection only during an active exam. Keep editing accessible. */
#examArea.selection-restricted,#examArea.selection-restricted *{-webkit-user-select:none;user-select:none}
#examArea.selection-restricted input,#examArea.selection-restricted textarea,#examArea.selection-restricted [contenteditable="true"]{-webkit-user-select:text;user-select:text}
