.phonetic-checker[data-v-24dfd433]{max-width:600px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;font-family:Open Sans,Segoe UI,Tahoma,sans-serif}.mode-selector[data-v-24dfd433]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.mode-switch[data-v-24dfd433]{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;font-weight:500;color:#333;position:relative}.mode-switch input[type=checkbox][data-v-24dfd433]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;cursor:pointer;border:2px solid #4CAF50;border-radius:4px;background:#fff;position:relative;transition:all .3s ease}.mode-switch input[type=checkbox][data-v-24dfd433]:checked{background:#4caf50;border-color:#4caf50}.mode-switch input[type=checkbox][data-v-24dfd433]:checked:after{content:"✓";position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.switch-label[data-v-24dfd433]{-webkit-user-select:none;user-select:none}.warning-message[data-v-24dfd433]{text-align:center;background:#fef3c7;color:#92400e;font-weight:500;padding:.5rem;border-radius:8px;border:2px solid #92400e}.word-display[data-v-24dfd433]{width:260px;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.letter[data-v-24dfd433]{font-size:5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.word[data-v-24dfd433]{font-size:2rem;color:#ffffffe6;font-weight:500}.controls[data-v-24dfd433]{text-align:center;margin-bottom:1.5rem}.controls button[data-v-24dfd433]{padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-start[data-v-24dfd433]{position:relative;background-color:#4caf50;color:#fff;border-radius:6px;border:2px solid #4CAF50;font-size:18px;padding:10px 20px;height:100%;transition:color .15s ease-in-out,background-color .15s;cursor:pointer}.btn-start[data-v-24dfd433]:disabled{background:#9ca3af;cursor:not-allowed}.btn-next[data-v-24dfd433]{background:#4caf50;color:#fff}.status[data-v-24dfd433]{text-align:center;padding:1rem;background:#f3f4f6;border-radius:8px;margin-bottom:1rem;font-size:1rem;color:#4b5563;min-height:1.5rem}.feedback[data-v-24dfd433],.warning-message[data-v-24dfd433]{text-align:center;border-radius:8px;font-size:1rem;position:absolute;left:50%;transform:translate(-50%);bottom:102px;width:100%;max-width:300px}@media only screen and (max-width:800px){.feedback[data-v-24dfd433],.warning-message[data-v-24dfd433]{bottom:44px}}.success[data-v-24dfd433]{background:#d1fae5;color:#065f46;padding:.5rem;border-radius:8px;border:2px solid #10b981}.error[data-v-24dfd433]{background:#fee2e2;color:#991b1b;padding:.5rem;border-radius:8px;border:2px solid #ef4444}.error-message[data-v-24dfd433]{background:#fee2e2;color:#991b1b;padding:2rem;border-radius:8px;border:2px solid #ef4444;text-align:center;font-size:1.1rem}