:root{--sky:#87cefa;--sky-light:#e0f2fe;--white:#fff;--mint:#a7f3d0;--teal:#0f766e;--menu-top:#4fb0f2;--text:#0b2a33;--text-sub:#3f5a63;--error:#b3261e;--fs-lg:20px;--fs-md:15px;--fs-sm:13px;--fs-brand:28px;--radius-card:16px;--radius-control:8px;--shadow-card:0 4px 16px #0f766e1a;--control-h:44px;--font:var(--font-sans), "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{max-width:100vw;margin:0;overflow-x:hidden}body{background:var(--sky-light);min-height:100vh;color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-size:var(--fs-lg);font-weight:700;line-height:1.4}a{color:var(--teal)}button,input,select,textarea{font:inherit;font-size:var(--fs-md);color:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.text-lg{font-size:var(--fs-lg)}.text-sm{font-size:var(--fs-sm)}.muted{color:var(--text-sub)}.strong{font-weight:700}.card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:28px}.btn{min-height:var(--control-h);border-radius:var(--radius-control);font-size:var(--fs-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover{box-shadow:0 0 0 3px var(--sky)}.btn-secondary{background:var(--white);color:var(--text);border-color:var(--sky)}.btn-secondary:hover{background:var(--sky-light)}.btn-link{min-height:var(--control-h);color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn:disabled,.btn[aria-disabled=true]{background:var(--sky-light);color:var(--text-sub);border-color:var(--sky-light);box-shadow:none;cursor:not-allowed}.field{flex-direction:column;gap:8px;display:flex}.field>label,.label{font-weight:500}.input,.select{width:100%;min-height:var(--control-h);border:1px solid var(--sky);border-radius:var(--radius-control);background:var(--white);padding:0 14px}.input[aria-invalid=true]{border-color:var(--error)}.hint{font-size:var(--fs-sm);color:var(--text-sub)}.alert{border-radius:var(--radius-control);padding:14px 18px}.alert-info{background:var(--sky-light)}.alert-success{background:var(--mint)}.alert-error{background:var(--white);border:1px solid var(--error);color:var(--error)}.error-text{color:var(--error);font-size:var(--fs-sm)}.badge{font-size:var(--fs-sm);white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:2px 10px;font-weight:500;display:inline-block}.badge-outline{background:var(--white);color:var(--text-sub);border-color:var(--sky)}.badge-light{background:var(--sky-light);color:var(--teal)}.badge-teal-outline{background:var(--white);color:var(--teal);border-color:var(--teal)}.badge-sky{background:var(--sky);color:var(--text)}.badge-mint{background:var(--mint);color:var(--text)}.table-wrap{background:var(--white);border:1px solid var(--sky-light);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:var(--sky-light);color:var(--text-sub);text-align:left;white-space:nowrap;padding:12px 14px;font-weight:500}.table td{border-top:1px solid var(--sky-light);vertical-align:middle;padding:12px 14px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{min-height:var(--control-h);border:1px solid var(--sky);background:var(--white);color:var(--text);border-radius:22px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.chip[aria-current=true]{background:var(--text);border-color:var(--text);color:var(--white)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search{flex:0 340px;gap:8px;min-width:0;display:flex}.search .input{min-width:0}.steps{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.step{background:var(--sky-light);border:1px solid var(--sky);color:var(--text-sub);border-radius:20px;padding:8px 16px}.step[data-state=current]{background:var(--teal);border-color:var(--teal);color:var(--white);font-weight:500}.step[data-state=done]{background:var(--mint);border-color:var(--mint);color:var(--text)}.form-card{gap:26px;max-width:860px}.fieldset{border:none;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.fieldset>legend{margin-bottom:10px;padding:0}.form-row{flex-wrap:wrap;gap:20px;display:flex}.form-actions{justify-content:flex-end}.choices{flex-wrap:wrap;gap:12px;display:flex}.choice{min-height:var(--control-h);border:2px solid var(--sky);background:var(--white);cursor:pointer;border-radius:10px;flex-direction:column;flex:220px;padding:14px 18px;font-weight:500;display:flex;position:relative}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice .text-sm{font-weight:400}.choice:has(input:checked){background:var(--sky-light);border-color:var(--teal);color:var(--teal)}.choice:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.subject-item{border:1px solid var(--sky);border-radius:var(--radius-control);background:var(--white);align-items:center;gap:10px;padding:6px 14px;display:flex}.subject-item[data-on]{background:var(--sky-light)}.subject-pick{min-height:var(--control-h);cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.subject-pick input{width:20px;height:20px;accent-color:var(--teal);margin:0}.count-input{text-align:center;width:72px;padding:0 8px}.count-input:disabled{background:var(--sky-light);color:var(--text-sub)}.btn-danger{background:var(--white);color:var(--error);border-color:var(--error)}.btn-danger:hover{box-shadow:0 0 0 3px var(--sky-light)}.file-input{min-height:var(--control-h);border:2px dashed var(--sky);border-radius:var(--radius-card);background:var(--sky-light);max-width:100%;padding:10px 14px}.file-input::file-selector-button{border:1px solid var(--teal);border-radius:var(--radius-control);background:var(--white);min-height:36px;color:var(--teal);font:inherit;cursor:pointer;margin-right:12px;padding:0 14px}.subject-summary{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.check-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.check-card{flex-direction:column;gap:8px;padding:20px;display:flex}.messages{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.preview{padding:0}.preview>summary{min-height:var(--control-h);cursor:pointer;padding:12px 20px}.preview>.table-wrap{margin:0 20px 20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.card.stat{padding:20px}.btn-sm{padding:0 14px}.more>summary{min-height:var(--control-h);cursor:pointer;color:var(--teal);align-items:center;font-weight:500;display:flex}.review-layout{flex-wrap:wrap;align-items:flex-start;gap:20px;max-width:1100px;display:flex}.review-layout>.card{flex:400px;min-width:0}.scan-box{border:1px solid var(--sky);background:var(--sky-light);border-radius:10px;max-height:640px;overflow:auto}.scan-box img{max-width:none;display:block}.scan-empty{text-align:center;border:1px dashed var(--sky);background:var(--sky-light);min-height:240px;color:var(--text-sub);border-radius:10px;justify-content:center;align-items:center;padding:20px;display:flex}.review-table th.review-no{width:56px;color:var(--text);border-top:1px solid var(--sky-light);background:0 0;font-weight:700}.review-table tr[data-flagged]>*{background:var(--sky-light)}.review-reason{min-width:120px}.choice-row{border:none;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.pick{cursor:pointer;position:relative}.pick input{opacity:0;width:1px;height:1px;position:absolute}.pick span{border:1.5px solid var(--teal);background:var(--white);min-width:44px;height:44px;color:var(--teal);border-radius:22px;justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}.pick-blank span{font-size:var(--fs-sm);border-style:dashed;padding:0 12px}.pick[data-candidate] span{box-shadow:0 0 0 3px var(--mint)}.pick input:checked+span{background:var(--teal);color:var(--white)}.pick input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px}.cut-table{min-width:760px}.cut-table th[scope=row]{color:var(--text);white-space:normal;border-top:1px solid var(--sky-light);background:0 0;min-width:130px;font-weight:400}.cut-table td{text-align:center;padding:8px 6px}.cut-input{text-align:center;background:var(--sky-light);width:64px;padding:0 6px}label.btn{position:relative}label.btn:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.score-cards{flex-wrap:wrap;gap:16px;display:flex}.score-card{color:var(--text);border:2px solid #0000;flex-direction:column;flex:170px;gap:6px;padding:20px;text-decoration:none;display:flex}.score-card:hover{border-color:var(--sky)}.score-card[aria-current=true]{border-color:var(--teal)}.ox-grid{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ox{background:var(--white);width:46px;height:50px;color:var(--error);border:1px solid var(--error);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.ox[data-correct]{background:var(--mint);color:var(--text);border-color:var(--mint)}.unit-bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.unit-bars li{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.unit-name{flex:0 0 140px}.bar{background:var(--sky-light);border-radius:9px;flex:220px;height:18px;overflow:hidden}.bar>span{background:var(--teal);height:100%;display:block}.unit-score{flex:0 0 170px}.exam-row{color:var(--text);border:2px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:20px 24px;text-decoration:none;display:flex}.exam-row:hover{border-color:var(--sky)}.exam-scores{flex-wrap:wrap;gap:6px 16px;display:flex}.thread{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.thread-item{border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.thread-item[data-side=student]{margin-right:48px}.thread-item[data-side=teacher]{background:var(--sky-light);border:1px solid var(--sky);box-shadow:none;margin-left:48px}.qna-choices{flex-wrap:wrap;gap:10px;display:flex}.qna-row{align-items:flex-start}.qna-preview{overflow-wrap:anywhere}.subject-checks{border:none;flex-wrap:wrap;gap:4px 10px;margin:8px 0 0;padding:0;display:flex}.subject-checks legend{padding:0}.subject-checks label{align-items:center;gap:4px;min-height:32px;display:inline-flex}.subject-checks input{accent-color:var(--teal)}@media (max-width:720px){.thread-item[data-side=student],.thread-item[data-side=teacher]{margin:0}}.textarea{min-height:calc(var(--control-h) * 2);resize:vertical;padding:10px 14px;line-height:1.6}.question-card{scroll-margin-top:16px}.choice-edit{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.choice-edit>.input{flex:240px}.pic-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pic-preview{border:1px solid var(--sky);border-radius:var(--radius-control);background:var(--white);max-width:100%;height:auto}.pic-field.compact .pic-preview{width:auto;max-height:60px}.take-bar{z-index:5;border-radius:var(--radius-control);background:var(--white);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 18px;display:flex;position:sticky;top:0}.stem{white-space:pre-wrap;line-height:1.7}.take-choices{gap:8px}.take-choice{min-height:var(--control-h);border:1px solid var(--sky);border-radius:var(--radius-control);background:var(--white);cursor:pointer;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.take-choice input{opacity:0;width:1px;height:1px;position:absolute}.take-mark{border:1.5px solid var(--teal);width:32px;height:32px;color:var(--teal);border-radius:16px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.take-choice:has(input:checked){border-color:var(--teal);background:var(--sky-light)}.take-choice:has(input:checked) .take-mark{background:var(--teal);color:var(--white)}.take-choice:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:2px}.result-hero{align-items:flex-start;gap:8px}.result-score{font-size:var(--fs-brand);font-weight:700;line-height:1.2}.drop-zone{border:2px dashed var(--sky);border-radius:var(--radius-card);background:var(--sky-light);text-align:center;color:var(--text-sub);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.drop-zone[data-dragging]{border-color:var(--teal);background:var(--white)}.progress{background:var(--sky-light);border-radius:6px;height:12px;overflow:hidden}.progress>span{background:var(--teal);height:100%;transition:width .2s;display:block}.histogram{border-bottom:1px solid var(--sky);align-items:flex-end;gap:4px;height:200px;margin:0;padding:0;list-style:none;display:flex}.histogram li{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.histogram .hbar{background:var(--teal);border-radius:4px 4px 0 0;width:70%;max-width:48px;min-height:2px;display:block}.histogram li:hover .hbar{box-shadow:0 0 0 2px var(--sky)}.histogram li>.muted{white-space:nowrap}.q-table{min-width:760px}.q-table td{vertical-align:middle}.rate{align-items:center;gap:8px;min-width:140px;display:flex}.rate .bar{flex:80px;height:12px}.choices-mini{align-items:flex-end;gap:6px;display:inline-flex}.choice-col{flex-direction:column;align-items:center;gap:2px;width:30px;display:inline-flex}.col-track{background:var(--sky-light);border-radius:4px 4px 0 0;align-items:flex-end;width:14px;height:40px;display:flex}.col-track>span{background:var(--sky);border-radius:4px 4px 0 0;width:100%;min-height:1px;display:block}.choice-col[data-correct] .col-track>span{background:var(--teal)}.choice-col[data-correct]>.text-sm:last-child{color:var(--teal);font-weight:700}.focus-badge{color:var(--error);border-color:var(--error);margin-top:4px}@media print{.sidebar,.no-print{display:none!important}body{background:var(--white)}.main{padding:0}.card{box-shadow:none;border:1px solid var(--sky);break-inside:avoid}.ox,.bar>span,.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.shell{flex-wrap:wrap;min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--menu-top), var(--sky));flex-direction:column;flex:0 0 250px;gap:6px;padding:32px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--white);box-shadow:var(--shadow-card);border-radius:12px;flex:none;padding:4px;display:inline-flex}.brand-mark img{border-radius:8px;display:block}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-ko{color:var(--text);font-weight:700}.brand-en{color:var(--text-sub);letter-spacing:.04em;font-weight:500}.brand-sidebar{margin-bottom:22px}.brand-sidebar .brand-ko{font-size:var(--fs-lg)}.brand-sidebar .brand-en{font-size:var(--fs-sm);color:var(--text)}.brand-hero{text-align:center;flex-direction:column;gap:14px}.brand-hero .brand-mark{border-radius:20px;padding:6px}.brand-hero .brand-mark img{border-radius:14px}.brand-hero .brand-text{align-items:center;gap:4px}.brand-hero .brand-ko{font-size:var(--fs-brand)}.brand-hero .brand-en{font-size:var(--fs-md)}.nav{flex-direction:column;gap:6px;display:flex}.nav-item{min-height:var(--control-h);border-radius:var(--radius-control);font-size:var(--fs-lg);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-weight:500;text-decoration:none;display:flex}a.nav-item:hover{background:#ffffff73}.nav-item[aria-current=page]{background:var(--white);color:var(--teal);font-weight:700}.nav-item[aria-disabled=true]{color:var(--text-sub)}.nav-soon{font-size:var(--fs-sm);font-weight:400}.sidebar-user{flex-direction:column;gap:4px;margin-top:auto;padding-top:24px;display:flex}.main{flex-direction:column;flex:999 560px;gap:24px;min-width:0;padding:36px 44px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.center-card{flex-direction:column;gap:22px;width:100%;max-width:440px;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:720px){.sidebar{flex-basis:100%;padding:16px}.brand-sidebar{margin-bottom:8px}.nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}.sidebar-user{flex-flow:wrap;align-items:center;gap:12px;margin-top:8px;padding-top:0}.main{padding:24px 16px}.card{padding:20px}}