:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-primary{background:#667eea;color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.home{text-align:center;padding:3rem 1rem}.home h1{font-size:3rem;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home .subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:2rem}.home-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.feature{background:#fff;padding:2rem;border-radius:12px;width:250px;box-shadow:0 4px 15px #0000001a}.feature h3{color:#667eea;margin-bottom:.5rem}.feature p{color:#666}.word-list-page h1{color:#fff;text-align:center;margin-bottom:.5rem}.word-count{color:#ffffffe6;text-align:center;margin-bottom:2rem}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.word-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.word-card .word{color:#667eea;font-size:1.5rem;margin-bottom:.25rem}.word-card .pronunciation{color:#999;font-size:.9rem;margin-bottom:.75rem}.word-card .meaning{color:#333;font-weight:500;margin-bottom:.5rem}.word-card .example{color:#666;font-size:.9rem;font-style:italic}.flashcard-page{text-align:center}.flashcard-page h1{color:#fff;margin-bottom:.5rem}.flashcard-page .progress{color:#ffffffe6;margin-bottom:2rem}.flashcard{width:400px;height:280px;margin:0 auto 2rem;perspective:1000px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-shadow:0 8px 25px #0003}.flashcard-front{background:#fff}.flashcard-front .word{font-size:2.5rem;color:#667eea;font-weight:700}.flashcard-front .pronunciation{color:#999;margin-top:.5rem}.flashcard-front .hint{color:#ccc;font-size:.9rem;margin-top:1.5rem}.flashcard-back{background:#667eea;color:#fff;transform:rotateY(180deg)}.flashcard-back .meaning{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.flashcard-back .example{font-size:1rem;font-style:italic;opacity:.9}.flashcard-buttons{display:flex;gap:1rem;justify-content:center}.quiz-page{text-align:center}.quiz-page h1{color:#fff;margin-bottom:.5rem}.quiz-page .progress{color:#ffffffe6;margin-bottom:2rem}.quiz-card{background:#fff;padding:2rem;border-radius:16px;max-width:500px;margin:0 auto;box-shadow:0 8px 25px #0003}.quiz-word{margin-bottom:1.5rem}.quiz-word .word{display:block;font-size:2rem;color:#667eea;font-weight:700}.quiz-word .pronunciation{color:#999}.quiz-question{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.quiz-option:hover:not(:disabled){border-color:#667eea;background:#f8f9ff}.quiz-option.correct{border-color:#28a745;background:#d4edda;color:#155724}.quiz-option.wrong{border-color:#dc3545;background:#f8d7da;color:#721c24}.quiz-option:disabled{cursor:default}.quiz-feedback{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.feedback-correct{color:#28a745;font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.feedback-wrong{color:#dc3545;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.quiz-feedback .example{color:#666;font-style:italic;margin-bottom:1rem}.result-page{text-align:center}.result-page h1{color:#fff;margin-bottom:2rem}.result-card{background:#fff;padding:2rem;border-radius:16px;max-width:400px;margin:0 auto 2rem;box-shadow:0 8px 25px #0003}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.score-circle .score{font-size:2.5rem;color:#fff;font-weight:700}.result-stats{text-align:left}.stat{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.stat:last-child{border-bottom:none}.stat .label{color:#666}.stat .value{font-weight:700}.stat .value.success{color:#28a745}.stat .value.danger{color:#dc3545}.review-section{background:#fff;padding:2rem;border-radius:16px;max-width:600px;margin:0 auto 2rem;box-shadow:0 8px 25px #0003}.review-section h2{color:#333;margin-bottom:1rem}.review-words{display:flex;flex-direction:column;gap:1rem}.review-word{text-align:left;padding:1rem;background:#f8f9fa;border-radius:8px}.review-word .word{display:block;color:#667eea;font-weight:700;font-size:1.2rem}.review-word .pronunciation{display:block;color:#999;font-size:.9rem;margin-bottom:.25rem}.review-word .meaning{display:block;color:#333}.result-buttons{display:flex;gap:1rem;justify-content:center}@media(max-width:600px){.flashcard{width:100%;max-width:350px}.home h1{font-size:2rem}.home-buttons{flex-direction:column;align-items:center}}