:root{--font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, sans-serif;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f4;--text: #1a1d24;--text-muted: #5c6570;--border: #e3e7ec;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eef4ff;--correct: #15803d;--correct-bg: #e9f7ef;--incorrect: #dc2626;--incorrect-bg: #fdecec;--radius: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .06);--maxw: 760px}@media(prefers-color-scheme:dark){:root{--bg: #0f1216;--surface: #171a1f;--surface-2: #21262e;--text: #e6e8ec;--text-muted: #9aa3ad;--border: #2a2f37;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-soft: #172033;--correct: #4ade80;--correct-bg: #14271b;--incorrect: #f87171;--incorrect-bg: #2a1717;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 24px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}main{flex:1 0 auto}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{font-weight:800;color:var(--text);text-decoration:none;font-size:15px;letter-spacing:-.01em}.brand span{color:var(--primary)}.nav a{color:var(--text-muted);text-decoration:none;font-weight:700;font-size:14px;padding:7px 12px;border-radius:8px}.nav a:hover{color:var(--text);background:var(--surface-2)}main.container{padding-top:36px;padding-bottom:64px}h1{font-size:28px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}h2{font-size:19px;letter-spacing:-.01em;margin:0 0 10px}p{margin:0 0 12px}a{color:var(--primary)}ul{margin:8px 0;padding-left:20px}li{margin:5px 0}.muted{color:var(--text-muted)}.badge{display:inline-block;font-size:12px;font-weight:800;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:4px 12px;margin-bottom:14px}.hero-sub{color:var(--text-muted);font-size:16.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:15px;font-weight:700;padding:12px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .12s,transform .04s,border-color .12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{font-size:16px;padding:14px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);margin-top:16px}.card h2{margin-top:0}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.quiz-progress{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.quiz-progress .bar{flex:1;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.quiz-progress .bar>i{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .25s ease}.quiz-tags{display:flex;gap:6px;margin-bottom:16px}.tag{font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-radius:7px;padding:3px 9px}.quiz-question{font-size:17px;font-weight:600;line-height:1.65;white-space:pre-wrap;word-break:break-word;margin:0 0 18px}.choices{display:flex;flex-direction:column;gap:8px}.choice{text-align:left;font-family:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:13px 15px;cursor:pointer;transition:border-color .1s,background .1s}.choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.choice:disabled{cursor:default}.choice.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct);font-weight:700}.choice.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg);color:var(--incorrect);font-weight:700}.short-row{display:flex;gap:8px}.short-input{flex:1;min-width:0;font-family:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.short-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.lock-hint{font-size:13px;color:var(--text-muted);margin:0 0 14px}.result{margin-top:18px;padding:14px 16px;border-radius:10px;background:var(--surface-2)}.result.correct{background:var(--correct-bg)}.result.incorrect{background:var(--incorrect-bg)}.result .verdict{font-weight:800;margin:0 0 6px}.result.correct .verdict{color:var(--correct)}.result.incorrect .verdict{color:var(--incorrect)}.result .explain{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.65}.quiz-actions{margin-top:18px;display:flex;justify-content:flex-end}.summary{text-align:center;padding:12px 0 8px}.summary .score{font-size:42px;font-weight:800;color:var(--primary);letter-spacing:-.02em;margin:6px 0 16px}.site-footer{flex-shrink:0;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;padding:24px 0}@media(max-width:520px){h1{font-size:24px}main.container{padding-top:26px}.quiz-card,.card{padding:18px 16px}}.cbx{font-family:JetBrains Mono,D2Coding,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;line-height:1.6;font-weight:450;border-radius:12px;padding:15px 16px;margin:4px 0 26px;overflow-x:auto;tab-size:4;-webkit-font-smoothing:auto}.cbx code{font-family:inherit;white-space:pre}.cbx-ln{background:#fff;color:#232a36;border:1px solid #e4e9f1;counter-reset:cln;padding-left:14px}.cbx-ln code{display:block}.cbx-ln .cl{display:block;white-space:pre;padding-left:44px;position:relative;min-height:1.62em}.cbx-ln .cl:before{counter-increment:cln;content:counter(cln);position:absolute;left:0;width:30px;text-align:right;color:#b7bfce;user-select:none}.cbx-ln .c-kw{color:#9223c4;font-weight:600}.cbx-ln .c-st{color:#0a7a2f}.cbx-ln .c-cm{color:#8a929f;font-style:italic}.cbx-ln .c-nm{color:#b5530a}.cbx-text{background:#f4f6fb;color:#2c3442;border:1px solid #e5eaf2}.tbl-cap{font-family:JetBrains Mono,D2Coding,ui-monospace,monospace;font-weight:700;color:#5a6474;font-size:13px;margin:2px 0 7px}.tbl-wrap{overflow-x:auto;margin:0 0 20px}.qtbl{border-collapse:collapse;font-size:14px;background:#fff}.qtbl th,.qtbl td{border:1px solid #E2E8F2;padding:8px 16px;text-align:left;white-space:nowrap}.qtbl th{background:#f4f6fb;font-weight:700;color:#2c3442}.qtbl td{color:#2c3442}.tbl-row{display:flex;flex-wrap:wrap;gap:2px 18px;align-items:flex-start}.tbl-cell{min-width:0}.tbl-row .tbl-wrap{margin:0 0 10px}