:root{--desk:#e7e5df;--paper:#fffef8;--ink:#17191e;--navy:#192642;--line:#c8c8c3;--red:#bd2222;--soft:#f3f2ed}*{box-sizing:border-box}html{min-height:100%;background:var(--desk)}body{margin:0;min-height:100vh;background:var(--desk);color:var(--ink);font-family:"Noto Sans KR",Pretendard,system-ui,sans-serif}.quiz-toolbar{width:min(930px,calc(100% - 28px));margin:18px auto 10px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px}.quiz-toolbar a{color:var(--navy);font-weight:750;text-decoration:none}.toolbar-actions{display:flex;gap:8px}.quiz-toolbar button{padding:8px 11px;border:1px solid #a9a9a4;border-radius:3px;background:#f8f7f2;color:#252830;cursor:pointer}.exam-paper{width:min(930px,calc(100% - 28px));min-height:1120px;margin:0 auto 42px;padding:62px 72px 76px;background:var(--paper);border:1px solid #cecdc7;border-radius:3px;box-shadow:0 7px 22px #24242412}.exam-header{padding-bottom:22px;border-bottom:2px solid #31343a}.exam-header h1{text-align:center;margin:0 0 25px;font-family:serif;font-size:clamp(27px,4vw,38px);letter-spacing:.04em}.exam-meta{display:flex;justify-content:space-between;gap:20px;font-size:15px}.name-line{display:flex;align-items:end;margin:22px 0 0}.name-line span{display:block;flex:1;max-width:380px;margin-left:8px;border-bottom:1px solid #444}.question-view{padding-top:52px}.question-heading{margin:0;white-space:pre-line;font-size:clamp(20px,3vw,27px);line-height:1.65;font-weight:720}.question-preface{margin:0 0 16px;font-size:28px;font-weight:850}.answer-form{margin-top:34px}.option-list{display:grid;gap:10px;margin:0;padding:0;border:0}.option-button{position:relative;width:100%;min-height:52px;padding:13px 16px;text-align:left;border:1px solid #d0cfca;border-radius:3px;background:transparent;color:var(--ink);line-height:1.45;cursor:pointer;transition:background .12s,border-color .12s}.option-button:hover{background:#f4f3ef}.option-button.selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.option-button:disabled{cursor:default;color:inherit}.option-button.graded::after{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--red);font:900 27px serif}.option-button.graded.correct::after{content:'○'}.option-button.graded.wrong::after{content:'×'}.option-symbol{display:inline-block;width:30px;font-size:19px}.other-answer,.written-answer{display:flex;align-items:center;gap:10px;margin-top:18px}.other-answer[hidden]{display:none}.other-answer label,.written-answer label{font-weight:800}.answer-input{min-width:0;flex:1;min-height:50px;padding:11px 12px;border:1px solid #aeadab;border-radius:2px;background:#fff;color:var(--ink);font-size:16px}.action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.exam-button{min-height:46px;padding:11px 22px;border:1px solid var(--navy);border-radius:3px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.exam-button:disabled{opacity:.45;cursor:not-allowed}.feedback{position:relative;margin-top:28px;padding:18px 56px 18px 18px;border-top:1px solid #b6b5af;border-bottom:1px solid #b6b5af;white-space:pre-line;line-height:1.65}.feedback::after{position:absolute;right:14px;top:7px;color:var(--red);font:900 44px serif}.feedback.correct::after{content:'○'}.feedback.wrong::after{content:'×'}.gentle-shake{animation:gentleShake .22s ease-in-out}@keyframes gentleShake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.color-red{color:#d71920}.color-blue{color:#1659d2}.flee-zone{position:relative;height:290px;border:1px dashed #d7d5ce;background:#fff}.flee-zone .option-button{position:absolute;width:calc(50% - 18px);height:54px}.flee-zone .option-button:nth-child(1){left:8px;top:8px}.flee-zone .option-button:nth-child(2){left:calc(50% + 10px);top:8px}.flee-zone .option-button:nth-child(3){left:8px;top:76px}.flee-zone .option-button:nth-child(4){left:calc(50% + 10px);top:76px}.ones-board{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);gap:7px;height:330px;margin:26px 0 18px;padding:14px;border:1px solid #aaa;background:#fff;overflow:hidden}.one-mark{display:grid;place-items:center;font-family:serif;line-height:1}.timer{margin:8px 0;text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.timer.urgent{color:var(--red)}.math-expression{overflow-x:auto;margin:25px 0;padding:22px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;text-align:center;font-size:21px}.tiny-clue{display:inline-block;margin-left:3px;font-size:5px;font-weight:650;vertical-align:middle;transition:font-size .9s,color .9s,background .9s}.tiny-clue.revealed{font-size:18px;color:var(--red);background:#fff2a8}.prompt-image{display:block;max-width:min(180px,100%);max-height:150px;margin:26px auto;image-rendering:auto}.image-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.image-options .option-button{padding:7px;text-align:center}.image-options img{display:block;width:100%;height:175px;object-fit:contain}.long-word{overflow-wrap:anywhere;word-break:break-word}.result-view{padding-top:50px}.result-view h2{text-align:center;font-family:serif;font-size:32px}.score-sheet{max-width:580px;margin:30px auto;border-top:2px solid #31343a;border-bottom:2px solid #31343a}.score-row{display:flex;justify-content:space-between;gap:18px;padding:12px 4px;border-bottom:1px solid #d2d0c8}.score-row:last-child{border-bottom:0}.final-score{font-size:21px;font-weight:900}.final-message{max-width:580px;margin:30px auto;white-space:pre-line;line-height:1.7;text-align:center}.result-actions{display:flex;justify-content:center;gap:12px}.result-actions a{text-decoration:none}.noscript-note{padding:20px;color:var(--red)}:focus-visible{outline:3px solid #315ea8;outline-offset:2px}
@media(max-width:700px){.quiz-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.exam-paper{width:calc(100% - 12px);min-height:calc(100vh - 100px);padding:34px 19px 48px}.exam-meta{font-size:13px}.question-view{padding-top:36px}.other-answer,.written-answer{align-items:stretch;flex-direction:column}.other-answer label,.written-answer label{align-self:flex-start}.action-row{display:grid}.exam-button{width:100%}.ones-board{height:270px;padding:8px;gap:4px}.image-options{grid-template-columns:1fr}.image-options img{height:190px}.result-actions{flex-direction:column}.result-actions>*{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.tiny-clue-slot{position:relative;display:inline-block;width:.25em;height:1em;vertical-align:baseline}.tiny-clue-slot .tiny-clue{position:absolute;left:50%;top:50%;margin:0;white-space:nowrap;font-size:4px;font-weight:500;line-height:1;letter-spacing:-.2px;opacity:1;writing-mode:vertical-rl;text-orientation:upright;transform:translate(-50%,-50%)}.tiny-clue-slot .tiny-clue.revealed{font-size:18px;font-weight:700;letter-spacing:normal;opacity:1;writing-mode:horizontal-tb;text-orientation:mixed}
