:root{color-scheme:light}body{margin:0;padding:0;background-color:#f0f2f5;color:#333!important;font-family:Pretendard,-apple-system,sans-serif}h1{color:#1a1a1a!important}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f8f9fa}.card-container{width:340px;height:240px;perspective:1200px;margin:30px auto}.card-inner{width:100%;height:100%;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.card-inner.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;box-shadow:0 10px 20px #00000014;padding:20px;background:#fff;border:1px solid #eee;box-sizing:border-box}.card-front{transform:rotateY(0);z-index:2}.card-back{transform:rotateY(180deg);background-color:#f0f7ff;color:#007bff;z-index:1}.eng-text,.kor-text{font-size:1.5rem;font-weight:700;text-align:center;color:#1a1a1a!important;word-break:keep-all;margin-bottom:20px;width:100%}.progress-container{width:340px;height:6px;background:#eee;border-radius:10px;margin-bottom:20px}.progress-bar{height:100%;background:#007bff;transition:.3s}.speak-btn{padding:8px 16px;border-radius:20px;border:none;background:#333;color:#fff;cursor:pointer}.controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:30px;height:60px}.controls button{padding:10px 25px;border-radius:12px;border:none;background-color:#007bff!important;color:#fff!important;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #007bff26}.controls button:hover:not(:disabled){background-color:#0056b3!important;transform:translateY(-2px)}.controls button:disabled{background-color:#e9ecef!important;color:#adb5bd!important;cursor:not-allowed;box-shadow:none}.page-number{font-size:1.1rem;font-weight:600;color:#495057;min-width:50px;text-align:center}#studyBtn{margin-top:20px;padding:12px 30px;font-size:1.1rem;background-color:#007bff!important;color:#fff!important;border-radius:20px;border:none;cursor:pointer;box-shadow:0 4px 6px #007bff26}#studyBtn:hover{background-color:#0056b3!important;transform:translateY(-2px);transition:all .2s ease}#studyBtn_container{display:flex;flex-direction:column;gap:15px;align-items:center}.nav-button{background:none;border:none;font-size:1.2rem;cursor:pointer;margin:10px 10px 0;color:#007bff!important;transition:color .2s ease;border-radius:12px;padding:6px 12px;border:1px solid #007bff}.nav-button:hover{color:#0056b3!important;transform:translateY(-2px);transition:all .2s ease}.page-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:20px}.speaking-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 20px #00000014;width:100%;max-width:450px;text-align:center;border:1px solid #eee}.badge{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.kor-hint{color:#666;margin-top:15px;font-size:1rem}.eng-target{font-size:1.8rem;font-weight:700;color:#1a1a1a!important;margin:10px 0 25px;word-break:keep-all}.result-box{min-height:110px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:15px;background-color:#f9f9f9;border-radius:12px;transition:all .3s ease}.user-speech{margin:5px 0;min-height:24px;color:#4a90e2;font-weight:500}.result-msg{margin:5px 0;min-height:24px;font-weight:700}.success{color:#2ecc71!important}.fail{color:#e74c3c!important}.btn-group{display:flex;gap:12px;justify-content:center;align-items:center;height:60px}.mic-btn{padding:12px 24px;background-color:#4a90e2;color:#fff;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #4a90e233}.mic-btn.active{background-color:#ff4757;transform:scale(1.05);animation:pulse 1.5s infinite}.controls{display:flex;gap:15px;justify-content:center;margin-top:30px}.controls button{padding:10px 20px;border-radius:12px;border:1px solid #ddd;background:#fff;color:#333;font-weight:600;cursor:pointer}.controls button:disabled{background:#eee;color:#aaa;cursor:not-allowed}@keyframes pulse{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 15px #ff475700}to{box-shadow:0 0 #ff475700}}.reading-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 25px #0000001a;text-align:center;max-width:600px;width:90%;margin:0 auto}.play-all-btn{background:#333;color:#fff;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:700;margin-bottom:20px;transition:transform .2s}.play-all-btn:hover{transform:scale(1.05)}.answer-area{min-height:80px;border:2px dashed #d0e3ff;border-radius:12px;padding:15px;margin:20px 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;background-color:#f8fbff}.placeholder{color:#a0aec0;font-size:.9rem}.word-selected{background:#007bff;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;animation:fadeIn .3s ease-in}.word-pool{min-height:100px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.word-chip{background:#fff;border:1px solid #007bff;color:#007bff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.word-chip:hover{background:#e7f1ff;transform:translateY(-2px)}.quiz-feedback{margin-top:20px;padding:15px;border-radius:10px;font-weight:700;animation:slideUp .4s ease-out}.quiz-feedback.success{background:#e6fffa;color:#2c7a7b}.quiz-feedback.fail{background:#fff5f5;color:#c53030}.reset-btn{margin-left:10px;padding:5px 10px;border-radius:5px;border:1px solid #ccc;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;translateY:10px}to{opacity:1;translateY:0}}