:root{font-family:'Malgun Gothic','Segoe UI',sans-serif;color:#243348;font-size:13px;--line:#e1e6ed;--navy:#33465d;--muted:#7c899a;--accent:#d95860}*{box-sizing:border-box}body{margin:0;background:#30445a;height:100vh;overflow:hidden}button,select,input,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:5px;background:#fff;color:#425269;padding:6px 10px;transition:background .12s}button:hover{background:#edf2f7}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #5c87be;outline-offset:1px}select,input[type=number]{border:1px solid var(--line);border-radius:4px;background:white;color:#425269;padding:5px}button.primary{background:var(--navy);color:white;border-color:var(--navy)}button.green{background:#3da175;color:white;border-color:#3da175}[hidden]{display:none!important}.appbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#f7f9fc}.brand{display:flex;align-items:center;gap:9px;font-size:16px}.brand b span{font-weight:400;color:#e0e7ef}.brand-icon{display:grid;place-items:center;width:26px;height:26px;background:var(--accent);border-radius:7px;font-weight:bold}.local-badge{font-size:10px;border:1px solid #637388;border-radius:20px;padding:2px 7px;color:#d9e3ef}.bar-actions{display:flex;align-items:center;gap:6px}.bar-actions button{background:#3b5069;color:white;border-color:#52657b;font-size:11px}.bar-actions span{font-size:10px;color:#c3cfdd;margin-right:10px}main{height:calc(100vh - 47px);padding:0 10px 10px;display:grid;grid-template-columns:minmax(350px,1fr) 210px 300px;gap:10px}.panel{background:#fff;border:1px solid #d7dee8;border-radius:9px;overflow:hidden;min-width:0;min-height:0;box-shadow:0 1px 3px #152b3b14}.document-panel{display:flex;flex-direction:column}.pdf-toolbar{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#fcfcfd}.book-controls,.pdf-actions{display:flex;align-items:center;gap:5px}.book-controls b{margin-right:7px;font-size:15px}.book-controls select{max-width:180px}.pdf-actions input{width:52px;text-align:center}.pdf-actions button{padding:4px 8px}.pdf-actions span{font-size:11px;white-space:nowrap}.pdf-actions #outline{max-width:120px}.divider{height:20px;border-left:1px solid var(--line);margin:0 4px}#viewer{flex:1;overflow:auto;background:#f1f3f6;position:relative;outline:none;overscroll-behavior:contain}#pages{padding:20px 24px;min-width:100%;width:max-content;display:flex;flex-direction:column;align-items:center;gap:18px}.pdf-page{background:white;box-shadow:0 2px 7px #23324a22;position:relative;flex-shrink:0}.pdf-page canvas{display:block;width:100%;height:100%}.pdf-link{position:absolute;cursor:pointer;background:transparent}.pdf-link:hover{background:#567bbe20;outline:1px solid #7897c8}.page-placeholder{position:absolute;left:50%;top:45%;transform:translateX(-50%);font-size:11px;color:#a3adbb}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#f1f3f6;color:var(--muted)}.document-footer{border-top:1px solid var(--line);padding:7px 12px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}#documentName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omr-panel{display:flex;flex-direction:column}.panel-heading{padding:14px 12px 8px;display:flex;justify-content:space-between;align-items:center}.omr-actions{padding:0 12px 12px;display:flex;gap:5px}.omr-actions button{font-size:11px}#omr{overflow-y:auto;flex:1;background:#f5f7fa;padding:8px}.omr-row{display:flex;gap:4px;align-items:center;background:white;border:1px solid #e6eaf0;border-radius:6px;margin-bottom:6px;padding:8px 5px;min-height:41px}.omr-row .number{font-size:11px;min-width:22px;text-align:center;font-weight:bold}.omr-row button{width:24px;height:24px;border-radius:50%;padding:0;font-size:10px;flex-shrink:0}.omr-row button.chosen{background:#43628b;border-color:#43628b;color:white}.omr-row.correct{border-left:3px solid #46a179}.omr-row.incorrect{border-left:3px solid #db6b70}.omr-row button.answer{outline:2px solid #54aa82;outline-offset:1px}#omrSummary{padding:11px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#omrSummary b{color:#3d546e;margin-left:8px}.tools{display:flex;flex-direction:column;gap:10px;min-height:0}.timer-panel{padding:12px 14px;flex-shrink:0}.timer-head{display:flex;align-items:center;justify-content:space-between;font-size:11px}.timer-head input{width:57px}.timer-readout{text-align:center;padding:5px 0 8px;font-variant-numeric:tabular-nums}.timer-readout strong{font-size:26px;color:#293b51;letter-spacing:1px}.timer-readout span{font-size:11px;color:var(--muted);margin-left:5px}.timer-progress{height:3px;background:#edf1f6;border-radius:9px;overflow:hidden}.timer-progress div{height:100%;background:#4caa7b;width:0;transition:width .2s}.timer-actions{display:flex;justify-content:center;gap:6px;margin-top:8px}.timer-actions button{font-size:11px;padding:4px 12px}.timer-panel.expired{border-color:#d95860}.timer-panel.expired strong{color:#d95860}.note-panel{display:flex;flex-direction:column;flex:1;min-height:160px}.note-tabs{display:flex;gap:5px;padding:9px;border-bottom:1px solid var(--line)}.note-tabs button{flex:1;font-size:11px}.note-tabs button.selected{background:#35475d;color:white;border-color:#35475d}.note-tabs #clearNote{flex:0;padding:5px 8px;white-space:nowrap}.note-panel textarea{border:0;resize:none;width:100%;flex:1;min-height:60px;padding:14px;line-height:1.8;color:#33445b;background:#fff;outline:none}.note-panel textarea:focus{box-shadow:inset 0 0 0 2px #7f9ec05c}.note-panel textarea::placeholder{color:#a3adba;font-size:11px}.note-hint{font-size:9px;color:#95a0af;padding:5px 12px;border-top:1px solid #f0f2f5}#drawingTools{display:flex;gap:5px;align-items:center;padding:5px 8px}#drawingTools input{width:28px;height:25px;padding:0;border:0}#drawingTools button,#drawingTools select{font-size:10px}#canvasWrap{flex:1;min-height:70px;overflow:hidden}#drawing{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.calculator{padding:10px;flex-shrink:0;outline:none}.calculator:focus-within{border-color:#7799bd;box-shadow:0 0 0 2px #7799bd50}.calculator-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:5px}.calculator-heading span{font-size:9px;color:#8b98a9}#history{height:51px;overflow:hidden;color:#8793a3;font-size:10px;line-height:17px;text-align:right}#history div{height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#history strong{font-weight:500;color:#53647b}#calcDisplay{background:#f4f7fb;border:1px solid #e2e8f0;border-radius:5px;padding:7px 10px;text-align:right;font-size:24px;line-height:30px;min-height:45px;font-variant-numeric:tabular-nums;overflow-x:auto;white-space:nowrap}#calcError{font-size:10px;color:#c5434e;min-height:15px;padding-top:2px}#keys{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}#keys button{height:31px;padding:0;font-size:13px}#keys button.operator{background:#eef2f7;color:#365478}#keys .equals{grid-column:1 / -1;background:#3d566f;color:white;border-color:#3d566f}main.omr-hidden{grid-template-columns:minmax(350px,1fr) 300px}main.omr-hidden #omrPanel{display:none}dialog{border:1px solid #dbe1e9;border-radius:12px;padding:24px;width:min(570px,90vw);color:#283a51;box-shadow:0 15px 80px #15283c44}dialog::backdrop{background:#15283b70}.dialog-title{display:flex;justify-content:space-between;align-items:center}.dialog-title h2{margin:0;font-size:21px}.dialog-title button{font-size:20px;border:0}dialog p{font-size:12px;line-height:1.8;color:#66768a}#answerKey{width:100%;height:140px;resize:vertical;border:1px solid #dbe1e9;border-radius:6px;padding:10px;line-height:1.6}#gradeError{min-height:25px;font-size:12px;color:#c5434e}#gradeResult{margin-top:18px;line-height:1.8}#gradeResult strong{font-size:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#25394e;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 4px 22px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:80vw}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1150px){main{grid-template-columns:minmax(300px,1fr) 198px 275px;gap:7px}.omr-row{gap:3px;padding:8px 3px}.tools{gap:7px}main.omr-hidden{grid-template-columns:minmax(300px,1fr) 275px}.pdf-toolbar{padding:8px}.book-controls select{max-width:130px}}@media(max-height:800px){.appbar{height:37px}main{height:calc(100vh - 37px)}.timer-panel{padding:7px 12px}.timer-readout{padding:2px 0 4px}.timer-readout strong{font-size:23px}.timer-actions{margin-top:5px}#keys button{height:27px}.calculator{padding:8px}.note-panel{min-height:110px}}@media(max-width:850px){body{overflow:auto}main{min-width:820px}.bar-actions #saveState{display:none}.brand{font-size:13px}}
.document-footer{align-items:center;min-height:45px}.bottom-nav{display:flex;align-items:center;gap:12px;flex-shrink:0}.bottom-nav button{font-size:12px;padding:5px 12px}.bottom-nav span{font-variant-numeric:tabular-nums;color:#425269;min-width:55px;text-align:center}button:disabled{opacity:.35;cursor:default}#pages{width:100%;min-width:max-content}#documentName{max-width:38%}

#areaTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:0 5px 10px}#areaTabs button{font-size:9px;letter-spacing:-.7px;white-space:nowrap;padding:7px 0}#areaTabs button[aria-selected="true"]{background:#33465d;color:white;border-color:#33465d}

.omr-row.unanswered{border-left:3px solid #b4bcc8}

.welcome{text-align:center;padding:32px;max-width:580px}.welcome h1{font-size:25px;color:#33465d;margin-bottom:12px}.welcome p{font-size:13px;line-height:1.8}.welcome button{padding:12px 24px;margin:15px 0}.welcome .privacy{font-size:11px;color:#8694a6}