@font-face{font-family:Pretendard;font-style:normal;font-weight:45 920;font-display:swap;src:url(/Pretendard-1.3.9/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}:root{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,sans-serif;line-height:1.55;font-weight:400;--accent-purple: #6d28d9;--accent-purple-soft: #ede9fe;--accent-purple-mid: #c4b5fd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f5ff;letter-spacing:-.01em;word-break:keep-all}button{font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}#root{min-height:100vh}.app{width:min(980px,100%);margin:0 auto;padding:56px 20px 72px;min-height:100vh;display:flex;flex-direction:column}.app-footer{margin-top:auto;padding-top:24px;text-align:center;font-size:.82rem;color:#6b5a8f;line-height:1.5;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.app-footer-sep{color:#9b8abf}.app-footer-link{color:#5a3ca3;text-decoration:underline}.app-footer-link:hover{color:#40257f}.app-footer-button{border:0;background:transparent;padding:0;font:inherit;cursor:pointer}.app-footer-note{color:#7a6a9c}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;background:#fff;border:1px solid var(--accent-purple-mid);box-shadow:0 16px 40px #2c185f33;border-radius:14px;padding:14px;display:grid;gap:10px}.cookie-banner-title{margin:0;font-size:.95rem;font-weight:700;color:#2d1e56}.cookie-banner-copy{margin:0;color:#4a3f66;font-size:.88rem;line-height:1.5}.cookie-banner-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.cookie-banner-button{border:1px solid var(--accent-purple-mid);background:var(--accent-purple-soft);color:#3d247c;border-radius:9px;padding:8px 12px;font-size:.86rem;font-weight:700}.cookie-banner-button-soft{background:#fff}.cookie-banner-button:hover{border-color:var(--accent-purple);background:#e5ddff}.cookie-banner-button-soft:hover{background:#f7f3ff}.legal-copy{margin-top:10px;display:grid;gap:8px;color:#4a3f66}.legal-copy p{margin:0;line-height:1.6}.legal-section+.legal-section{margin-top:10px}.legal-section h3{margin:0 0 4px;font-size:.98rem;color:#2d1e56}.legal-section ul{margin:0;padding-left:18px}.legal-section li{margin:2px 0;line-height:1.5}.hero{margin-bottom:28px;animation:fade-up .55s ease-out both}.hero-tag{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-purple);font-weight:700}.hero h1{margin:8px 0 10px;font-size:clamp(2rem,5vw,3.3rem);line-height:1.12;color:#25174b}.hero-subtitle{margin:0;color:#4a3f66;font-size:1.02rem}.stats-open-button{border:1px solid var(--accent-purple-mid);background:#fff;color:#3d247c;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:700;margin-bottom:14px}.stats-open-button:hover{border-color:var(--accent-purple);background:#f7f3ff}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.home-actions .stats-open-button{margin-bottom:0}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.mode-tile{aspect-ratio:1 / 1;border:1px solid var(--accent-purple-mid);border-radius:18px;background:#fff;padding:22px;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;color:#2a1f4a;box-shadow:0 10px 28px #4827921f;min-height:0;overflow:hidden;transform:translateY(10px);opacity:0;animation:fade-up .45s ease-out forwards}.mode-tile:nth-child(2){animation-delay:.09s}.mode-tile:nth-child(3){animation-delay:.16s}.mode-tile:hover{transform:translateY(-4px);box-shadow:0 18px 36px #4827922e;border-color:var(--accent-purple)}.mode-tile strong{font-size:1.15rem;line-height:1.25}.mode-copy{display:flex;flex-direction:column;gap:8px}.mode-tile span{font-size:.93rem;color:#5b4f78;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mode-icon{width:56px;height:56px;border-radius:14px;border:1px solid var(--accent-purple-mid);background:#f5f2ff;color:var(--accent-purple);display:grid;place-items:center}.mode-icon svg{width:30px;height:30px}.mode-chip-row{display:flex;gap:8px;flex-wrap:wrap}.mode-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--accent-purple-mid);background:#efe8ff;color:#4b2c8e;font-size:.74rem;font-weight:700;padding:5px 10px;line-height:1}.mode-chip-soft{background:#f8f5ff;color:#6849ab}.mode-focus{margin:auto 0 0;font-size:.84rem;color:#6a5a8d;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mode-screen{background:#fff;border:1px solid var(--accent-purple-mid);border-radius:20px;padding:20px 22px 22px;box-shadow:0 12px 32px #4827921c;animation:fade-up .4s ease-out both}.back-button{border:1px solid var(--accent-purple-mid);background:var(--accent-purple-soft);color:#3d247c;border-radius:10px;padding:8px 12px;font-size:.84rem}.back-button:hover{border-color:var(--accent-purple);background:#e5ddff}.mode-tag{margin:14px 0 4px;font-size:.82rem;color:var(--accent-purple);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.mode-screen h1{margin:0 0 4px;font-size:clamp(1.7rem,4vw,2.4rem);color:#25174b}.mode-description{margin-top:4px;color:#4a3f66}.mode-meta{margin-top:10px;font-size:.94rem;color:#5b4f78}.wrong-mode-controls{margin-top:14px;display:grid;gap:10px}.threshold-label{font-size:.92rem;color:#4a3f66;font-weight:700}.threshold-input{width:100%;accent-color:var(--accent-purple)}.wrong-mode-note{margin:0;color:#7b6b9a;font-size:.88rem}.quiz-screen{background:#fff;border:1px solid var(--accent-purple-mid);border-radius:20px;padding:20px 22px 22px;box-shadow:0 12px 32px #4827921c;animation:fade-up .4s ease-out both}.quiz-title{margin:4px 0 0;font-size:clamp(1.6rem,3.8vw,2.2rem);color:#25174b}.quiz-subtitle{margin:8px 0 0;color:#4a3f66}.quiz-result-meta{margin-top:12px}.quiz-grade-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:700;border:1px solid transparent}.quiz-grade-excellent{color:#0f5d31;background:#ecfdf3;border-color:#98e2b9}.quiz-grade-good{color:#1f4f8f;background:#ecf5ff;border-color:#9ec5ff}.quiz-grade-fair{color:#8c6113;background:#fff8e6;border-color:#f2d28a}.quiz-grade-review{color:#8b1f2f;background:#fff1f2;border-color:#f0a7b0}.quiz-wrong-summary{margin-top:14px;border:1px solid #ddd0ff;border-radius:12px;background:#fbf9ff;padding:12px}.quiz-wrong-summary h3{margin:0;font-size:.96rem;color:#2d1e56}.quiz-wrong-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.quiz-wrong-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid #eee6ff}.quiz-wrong-item-copy{display:grid;gap:3px;min-width:0}.quiz-wrong-list li:last-child{border-bottom:0;padding-bottom:0}.quiz-wrong-list strong{color:#2f2250;line-height:1.2}.quiz-wrong-list span{color:#5b4f78;font-size:.9rem}.quiz-progress{margin:8px 0 0;color:#634a97;font-size:.9rem;font-weight:700}.quiz-word-wrap{margin-top:18px;min-height:140px;border:1px solid var(--accent-purple-mid);border-radius:16px;background:#faf8ff;display:grid;place-items:center;padding:16px;position:relative}.quiz-word{margin:0;text-align:center;color:#2b1a55;font-size:clamp(2rem,7vw,3rem);line-height:1.1}.favorite-toggle{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid var(--accent-purple-mid);background:#fff;color:#967ecf;font-size:1.1rem;font-weight:700;line-height:1;display:inline-grid;place-items:center}.favorite-toggle:hover{border-color:var(--accent-purple);color:#7a57cc;background:#f7f3ff}.favorite-toggle-active{color:#f59e0b;background:#fff8e6;border-color:#f5d27b}.quiz-options{margin-top:16px;display:grid;gap:10px}.quiz-option{border:1px solid var(--accent-purple-mid);background:#fff;color:#2f2250;border-radius:12px;padding:12px 14px;text-align:left;font-size:1rem}.quiz-option:hover:not(:disabled){border-color:var(--accent-purple)}.quiz-option:disabled{cursor:default}.quiz-option-correct{border-color:#1f9d55;background:#ecfdf3;color:#0f5d31}.quiz-option-wrong{border-color:#dc2626;background:#fff1f2;color:#8b1f2f}.quiz-footer{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:8px}.quiz-feedback{margin:0;color:#5b4f78;font-size:.92rem;grid-column:2;justify-self:center;text-align:center}.quiz-next{border:1px solid var(--accent-purple-mid);background:var(--accent-purple-soft);color:#3d247c;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:700}.quiz-prev{border:1px solid var(--accent-purple-mid);background:#fff;color:#3d247c;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:700}.quiz-footer .quiz-prev{grid-column:1;justify-self:start}.quiz-footer .quiz-next{grid-column:3;justify-self:end;margin-left:0}.quiz-prev:disabled,.quiz-next:disabled{opacity:.5;cursor:not-allowed}.quiz-prev:hover:not(:disabled),.quiz-next:hover:not(:disabled){border-color:var(--accent-purple)}.quiz-prev:hover:not(:disabled){background:#f7f3ff}.quiz-next:hover:not(:disabled){background:#e5ddff}.quiz-result-restart{margin-top:18px}.stats-screen{background:#fff;border:1px solid var(--accent-purple-mid);border-radius:20px;padding:20px 22px 22px;box-shadow:0 12px 32px #4827921c;animation:fade-up .4s ease-out both}.stats-table-wrap{margin-top:14px;overflow-x:auto;border:1px solid #ddd0ff;border-radius:12px}.stats-page-meta{margin:12px 0 0;font-size:.86rem;color:#6b5a8f}.stats-sort-controls{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stats-sort-controls label{font-size:.9rem;color:#4a3f66;font-weight:700}.stats-sort-controls select{border:1px solid var(--accent-purple-mid);background:#fff;color:#3e2f66;border-radius:8px;padding:6px 10px;font-size:.88rem}.stats-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.stats-table th,.stats-table td{padding:10px 12px;border-bottom:1px solid #eee6ff;text-align:left;font-size:.92rem;color:#3e2f66}.stats-table th{background:#f7f3ff;font-weight:700;color:#2d1e56}.stats-table tbody tr:last-child td{border-bottom:0}.stats-meaning-cell{min-width:220px;color:#5b4f78}.stats-pagination{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px}.stats-page-button{border:1px solid var(--accent-purple-mid);background:#fff;color:#3d247c;border-radius:8px;padding:7px 11px;font-size:.86rem}.stats-page-button:disabled{opacity:.5;cursor:not-allowed}.stats-page-button:hover:not(:disabled){border-color:var(--accent-purple);background:#f7f3ff}.stats-page-indicator{font-size:.88rem;color:#5b4f78;font-weight:700}.favorite-row-toggle{border:1px solid var(--accent-purple-mid);background:#fff;color:#967ecf;border-radius:8px;width:30px;height:30px;display:inline-grid;place-items:center;line-height:1}.favorite-row-toggle-active{color:#f59e0b;border-color:#f5d27b;background:#fff8e6}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.app{padding-top:40px}.home-actions{display:grid;grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr;justify-items:center}.mode-tile{width:min(100%,320px)}.quiz-word-wrap{min-height:120px}.quiz-footer{display:flex;flex-direction:column;align-items:stretch}.quiz-feedback{width:100%;order:1}.quiz-prev{width:100%;order:2}.quiz-next{width:100%;order:3}.cookie-banner{left:10px;right:10px;bottom:10px;padding:12px}.cookie-banner-actions{justify-content:stretch}.cookie-banner-button{width:100%}}