.quiz-page{background:radial-gradient(ellipse 68% 48% at 80% -8%,#233a2b 0%,transparent 62%),radial-gradient(ellipse 44% 36% at 5% 18%,rgba(102,155,104,.12) 0%,transparent 70%),var(--paper)}.quiz-topbar{border-bottom-color:rgba(178,231,190,.13)}.quiz-header-actions{display:flex;align-items:center;gap:14px}.quiz-home-link{color:#bde8ce;font:500 12px 'Noto Sans KR';text-decoration:none}.quiz-home-link:hover{text-decoration:underline}.quiz-current-user{border-left:1px solid #354038;padding-left:14px;color:#b7c4ba;font-size:11px}.quiz-logout{border:0;background:none;color:var(--lime);cursor:pointer;font:500 12px 'Noto Sans KR'}.quiz-main{width:min(940px,100%);margin:auto;padding:58px max(5vw,28px) 100px}.quiz-hero{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.quiz-hero h1{margin:0;color:#f4f6f1;font-size:clamp(38px,5.5vw,62px);letter-spacing:-4px}.quiz-hero h1 em{color:var(--lime);font-style:normal;text-shadow:0 0 30px rgba(214,244,110,.14)}.quiz-hero>div>p:not(.eyebrow){max-width:540px;margin:12px 0 0;color:var(--muted);font-size:14px}.quiz-date-card{flex:none;min-width:135px;padding:14px 16px;border:1px solid #3d5545;background:rgba(11,17,13,.65);box-shadow:0 13px 30px rgba(0,0,0,.16)}.quiz-date-card span{display:block;margin-bottom:6px;color:#8fa598;font:10px 'DM Mono',monospace}.quiz-date-card strong{display:block;color:#dcf5e3;font-size:13px;white-space:nowrap}.quiz-message{min-height:20px;margin:0 0 12px;color:#bde8ce;font-size:12px;line-height:1.5}.quiz-message[data-kind="error"]{color:#ef9f91}.quiz-message[data-kind="success"]{color:#ccec8a}.quiz-state-card,.quiz-question,.quiz-score-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(28,35,30,.94),rgba(14,18,16,.98));box-shadow:0 18px 42px rgba(0,0,0,.2)}.quiz-state-card{display:grid;place-items:center;min-height:290px;padding:34px;text-align:center}.quiz-state-card h2{margin:13px 0 8px;color:#eef3ed;font-size:21px}.quiz-state-card>p:not(.eyebrow){max-width:380px;margin:0;color:#95a198;font-size:13px;line-height:1.65}.quiz-loader{width:38px;height:38px;border:3px solid rgba(151,226,180,.18);border-top-color:var(--lime);border-radius:50%;animation:quiz-spin .85s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-retry{margin-top:20px;border:1px solid #4f7d5e;background:#1d3729;color:#cbf1d7;padding:10px 15px;cursor:pointer;font:600 12px 'Noto Sans KR'}.quiz-retry:hover{background:#285039}.quiz-content{display:grid;gap:16px}.quiz-score-card{display:flex;align-items:center;gap:26px;padding:22px 25px;border-color:#496c55;background:linear-gradient(130deg,rgba(35,63,43,.93),rgba(13,21,16,.98))}.score-ring{--score:0%;display:grid;place-items:center;position:relative;flex:none;width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--lime) var(--score),rgba(255,255,255,.09) 0)}.score-ring::before{content:'';position:absolute;inset:8px;border-radius:50%;background:#101611;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{align-self:end;margin-bottom:-3px;color:#f2f7ed;font:700 31px 'DM Mono',monospace;line-height:1}.score-ring span{align-self:start;margin-top:-1px;color:#96a499;font:11px 'DM Mono',monospace}.score-copy{min-width:0}.score-copy .eyebrow{margin-bottom:7px}.score-copy h2{margin:0;color:#f1f6ef;font-size:24px}.score-copy>p:not(.eyebrow){margin:7px 0 9px;color:#a8b5aa;font-size:13px;line-height:1.6}.score-copy>span{color:#b7e6c5;font:10px 'DM Mono',monospace}.quiz-progress-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:19px 4px 9px}.quiz-progress-row h2{margin:0;color:#eaf0e9;font-size:17px}.quiz-progress-row h2 strong{color:var(--lime);font:700 25px 'DM Mono',monospace}.quiz-progress-row h2 span{color:#a2afa4;font:500 16px 'DM Mono',monospace}.quiz-progress-label{color:#98a69b;font-size:11px}.quiz-progress-track{height:3px;overflow:hidden;background:#253229}.quiz-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));box-shadow:0 0 10px rgba(214,244,110,.32);transition:width .22s ease}.quiz-questions{display:grid;gap:13px;margin:16px 0 0;padding:0;list-style:none}.quiz-question{padding:22px 23px;transition:border-color .18s,background .18s}.quiz-question.is-correct{border-color:#4c7e59;background:linear-gradient(145deg,rgba(26,50,34,.94),rgba(13,21,16,.98))}.quiz-question.is-incorrect{border-color:#6a4d47;background:linear-gradient(145deg,rgba(43,31,28,.94),rgba(15,17,15,.98))}.question-head{display:flex;align-items:center;gap:9px}.question-number{color:var(--lime);font:700 12px 'DM Mono',monospace;letter-spacing:.6px}.question-category{padding-left:9px;border-left:1px solid #425248;color:#9ab3a1;font:10px 'DM Mono',monospace;letter-spacing:.3px}.quiz-question h3{margin:11px 0 17px;color:#edf3ee;font-size:17px;line-height:1.58;word-break:keep-all}.quiz-question h3::selection,.option-text::selection{background:rgba(214,244,110,.35);color:#fff}.quiz-question>div:nth-child(3){display:grid;gap:7px}.quiz-option{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:10px;padding:12px 13px;border:1px solid #344139;background:#111713;color:#cbd6ce;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.quiz-option:hover{border-color:#597963;background:rgba(84,133,96,.13);transform:translateX(2px)}.quiz-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.option-marker{display:grid;place-items:center;width:25px;height:25px;border:1px solid #526158;border-radius:50%;color:#9eaaa1;font:600 10px 'DM Mono',monospace}.option-text{font-size:13px;line-height:1.55;word-break:keep-all}.quiz-option:has(input:checked){border-color:#8ab879;background:rgba(113,185,127,.15);color:#edf8ec}.quiz-option:has(input:checked) .option-marker{border-color:var(--lime);background:var(--lime);color:#162016}.quiz-option.is-answer{border-color:#7dbc70;background:rgba(92,169,101,.16);color:#effaed}.quiz-option.is-answer .option-marker{border-color:#8fd88a;background:#75b978;color:#102010}.quiz-option.is-selected-wrong{border-color:#c27569;background:rgba(187,91,78,.14);color:#ffe5e0}.quiz-option.is-selected-wrong .option-marker{border-color:#dd826f;background:#c96758;color:#fff}.quiz-option input:disabled~*{cursor:default}.question-feedback{margin-top:16px;padding:14px 15px;border-left:3px solid #618d69;background:rgba(7,11,9,.42)}.feedback-correct,.feedback-incorrect{display:block;margin-bottom:6px;font-size:12px}.feedback-correct{color:#bfecc7}.feedback-incorrect{color:#ffb5a8}.question-feedback p{margin:0;color:#bec8bf;font-size:12px;line-height:1.7}.question-feedback a{display:inline-block;margin-top:9px;color:#cced91;font-size:11px;text-decoration:none}.question-feedback a:hover{text-decoration:underline}.quiz-submit-area{margin-top:18px;padding:21px;border:1px solid #3a4b40;background:rgba(11,16,12,.74)}.quiz-submit-area p{margin:0 0 13px;color:#95a198;font-size:11px;line-height:1.6}.quiz-submit{width:100%;border:0;background:var(--lime);color:#111811;padding:13px;cursor:pointer;font:700 13px 'Noto Sans KR';transition:filter .15s,transform .15s}.quiz-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.quiz-submit:disabled{cursor:not-allowed;background:#48533f;color:#9ca697}@media(max-width:700px){.quiz-main{padding-top:40px}.quiz-hero{align-items:start;flex-direction:column}.quiz-date-card{width:100%}.quiz-header-actions{gap:10px}.quiz-current-user{display:none}.quiz-score-card{align-items:flex-start;gap:18px}.quiz-progress-row{align-items:start;flex-direction:column;gap:5px}.quiz-progress-label{align-self:flex-end}.quiz-question{padding:18px}.quiz-question h3{font-size:16px}.quiz-option{padding:11px}}@media(max-width:480px){.quiz-topbar{height:58px}.quiz-home-link{display:none}.quiz-main{padding-right:20px;padding-left:20px}.quiz-hero h1{font-size:41px}.quiz-score-card{flex-direction:column}.score-ring{width:88px;height:88px}.quiz-date-card strong{font-size:12px}.quiz-option{grid-template-columns:24px minmax(0,1fr);gap:8px}.option-marker{width:23px;height:23px}.option-text{font-size:12px}.quiz-submit-area{padding:17px}}
.quiz-hero{margin-bottom:18px}.quiz-hero h1{line-height:1.05}.quiz-hero .eyebrow{margin-bottom:6px}.quiz-fallback .eyebrow{margin-bottom:4px}.quiz-state-card{min-height:220px;padding:24px}