@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=JetBrains+Mono:wght@500;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";*{box-sizing:border-box}html{background:#131313;color:#fff;font-family:Pretendard,system-ui,sans-serif}body{min-width:0;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3cffd0;outline-offset:3px}h1{margin:0;font-family:Black Han Sans,Pretendard,sans-serif;font-size:4.8rem;font-weight:400;line-height:.95;letter-spacing:0;overflow-wrap:anywhere}.question-title{--question-title-max: 76.8px;--question-title-min: 28px;--question-title-size: var(--question-title-max);max-width:100%;font-size:var(--question-title-size);overflow-wrap:normal;white-space:nowrap}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:min(100% - 32px,860px);min-height:100vh;margin:0 auto;padding:24px 0}.quiz-layout{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:start}.intro-screen,.question-screen,.result-screen,.review-screen{border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#1d1d1d;padding:40px}.intro-screen,.result-screen{display:grid;align-content:center;gap:24px;min-height:calc(100vh - 48px)}.meta-label,.difficulty-badge,.choice-button__key,.review-item__label,.choice-button__result{font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.meta-label{color:#3cffd0;margin:0}.result-screen>.meta-label{text-align:center}.intro-copy,.feedback-line,.question-hint,.result-grade,.empty-review{color:#b7b7b7;font-size:1.15rem;line-height:1.65}.primary-button,.secondary-button,.choice-button{min-height:48px;border:1px solid rgba(255,255,255,.2);border-radius:14px;cursor:pointer}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px}.button-icon{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;flex:0 0 auto}.primary-button{background:#3cffd0;color:#061714;font-weight:800}.secondary-button{background:transparent;color:#fff}.choice-list{display:grid;gap:12px;margin-top:28px}.choice-button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:16px;background:#2d2d2d;color:#fff;text-align:left;animation:choice-unfold .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--choice-index, 0) * 70ms);transform-origin:top center}.choice-button__key{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.choice-button__text{min-width:0;overflow-wrap:anywhere;line-height:1.55}.choice-button__result{color:#fff;min-width:4em;text-align:right}.choice-button__result:empty{visibility:hidden}.choice-button--selected-correct{border-color:#3cffd0;background:#3cffd01f}.choice-button--selected-wrong{border-color:#ff4f87;background:#ff4f871f}.choice-button:disabled{cursor:default;opacity:1}.progress-rail{position:sticky;top:20px;display:grid;gap:10px;justify-items:center;margin:0;padding:16px 0;list-style:none}.progress-rail__item{display:grid;place-items:center}.progress-rail__dot{width:10px;height:10px;border:1px solid rgba(255,255,255,.35);border-radius:999px}.progress-rail__dot--active{border-color:#3cffd0;background:#3cffd0}.question-screen__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.difficulty-badge{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px}.difficulty-badge--hard,.difficulty-badge--expert{color:#ffd84d}.feedback-line{min-height:32px}.question-actions{display:flex;justify-content:center}.question-actions .primary-button{min-width:180px}.result-grade{display:flex;justify-content:center;align-items:center;gap:10px}.result-grade__emoji{font-size:1.4em;line-height:1}.result-score{font-size:7.4rem;line-height:.82;text-align:center}.result-lowest-score{margin:8px 0 0;color:#8f8f8f;font-size:.84rem;line-height:1.4;text-align:center}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0}.result-stats>div,.review-item{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px;background:#ffffff0a}.result-stats dt,.review-item__label{color:#8f8f8f}.result-stats dd{margin:4px 0 0;font-size:2rem;font-weight:900}.review-screen{display:grid;gap:20px}.review-list{display:grid;gap:16px;padding-left:22px}.review-item{line-height:1.6}.review-callout{border:1px solid rgba(255,255,255,.16);border-radius:14px;margin:12px 0;padding:14px}.review-callout--wrong{border-color:#ff4f87;background:#ff4f871f}.review-callout--none{border-color:#ffd84d;background:#ffd84d1f}.review-callout--fix{border-color:#3cffd0;background:#3cffd01f}.review-note{color:#b7b7b7}.button-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.result-actions{display:grid;justify-items:center;gap:14px}.result-actions__main{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.share-action{display:grid;gap:6px;justify-items:center}.share-note{margin:0;color:#8f8f8f;font-size:.84rem;line-height:1.4;text-align:center}.share-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#131313bd}.share-dialog{display:grid;gap:16px;width:min(100%,520px);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:20px;background:#1d1d1d;box-shadow:0 24px 80px #0000005c}.share-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-dialog__header h2{margin:0;font-size:1.25rem}.share-dialog__close{flex:0 0 auto;width:auto;min-height:40px}.share-dialog__field{display:grid;gap:8px;color:#b7b7b7;font-size:.92rem}.share-dialog__field input{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px;background:#2d2d2d;color:#fff;font:inherit}.share-dialog__status{min-height:1.4em;margin:0;color:#3cffd0;text-align:center}.share-dialog__status--failed{color:#ff4f87}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.app-shell{width:min(100% - 24px,860px);padding:16px 0}.quiz-layout{grid-template-columns:minmax(0,1fr)}.progress-rail{position:sticky;top:0;z-index:2;grid-template-columns:repeat(10,1fr);justify-items:stretch;padding:10px 0;background:#131313}.progress-rail__dot{width:100%;height:4px;border-radius:999px}.progress-rail__item{width:100%}.choice-button{grid-template-columns:32px minmax(0,1fr)}.intro-screen,.question-screen,.result-screen,.review-screen{padding:20px}.intro-screen,.result-screen{min-height:calc(100vh - 32px)}h1{font-size:2.6rem}.question-title{--question-title-max: 41.6px}.result-score{font-size:4.8rem}.intro-copy,.feedback-line,.question-hint,.result-grade,.empty-review{font-size:1rem}.choice-button__result{grid-column:2;min-height:1.2em;text-align:left}.question-actions .primary-button,.button-row,.result-actions__main,.share-action,.primary-button,.secondary-button{width:100%}.primary-button,.secondary-button{justify-content:center}.share-dialog__close{width:auto}}@keyframes choice-unfold{0%{opacity:0;transform:perspective(900px) rotateX(-72deg) translateY(-8px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}@media(prefers-reduced-motion:reduce){.choice-button{animation:none}}