*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{background-color:#f9fafb;color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}body.iframe-mode{background-color:#fff;height:100%;overflow:auto;width:100%}.container{display:flex;flex-direction:column;height:100%;margin:0;width:450px}.search-panel{margin-bottom:1.5rem}.search-container{display:flex;gap:.5rem;margin-bottom:1rem}#wordInput{border:1px solid #e5e7eb;flex:1 1;font-size:1rem}#wordInput,.status-message{border-radius:.375rem;padding:.5rem}.status-message{font-size:.875rem;margin-top:.5rem}.status-message.error{background-color:#fee2e2;color:#b91c1c}.status-message.success{background-color:#d1fae5;color:#065f46}.status-message.loading{background-color:#e0f2fe;color:#0369a1}.phoneme-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;flex:1 1;overflow:auto;padding:1.25rem}.phoneme-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.word-container{padding:.4rem 2rem;position:relative;text-align:center}.word-text{color:#111827;font-size:1.5rem;font-weight:700}.word-text.loading{animation:pulse 1.5s ease-in-out infinite;color:#6366f1}.word-border{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.border-corner{border-color:#6366f1;height:1rem;position:absolute;width:1rem}.top-left{border-left:2px solid;left:0}.top-left,.top-right{border-top:2px solid;top:0}.top-right{border-right:2px solid;right:0}.bottom-left{border-left:2px solid;left:0}.bottom-left,.bottom-right{border-bottom:2px solid;bottom:0}.bottom-right{border-right:2px solid;right:0}.progress-container{background-color:#e5e7eb;border-radius:9999px;height:.25rem;margin-bottom:1.5rem;overflow:hidden}.progress-bar{background-color:#6366f1;height:100%;transition:width .3s ease;width:0}.section-title{color:#6366f1;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;margin-top:.75rem}.syllables-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.meaning-text{color:#4b5563;font-size:.9375rem}.meaning-text,.meaning-text p{margin-bottom:.5rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.action-button-reverse{align-items:center;background-color:#fff;border:none;border-radius:.375rem;color:#6366f1;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem}.action-button-reverse:disabled{cursor:not-allowed}.action-button{align-items:center;background-color:#6366f1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.action-button:hover{background-color:#4f46e5;box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.action-button:disabled{background-color:#c7d2fe;box-shadow:none;cursor:not-allowed;transform:none}.button-icon{height:1.25rem;width:1.25rem}.loader-container{align-items:center;background-color:#fffc;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.loader{height:80px;width:80px}.loader:after{animation:loader 1.2s linear infinite;border-color:#6366f1 #0000;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.speech-results-container{background-color:#f3f4f6;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.speech-results-title{color:#4b5563;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.speech-transcript{font-size:1rem;margin-bottom:.5rem}.speech-score{color:#4b5563;font-size:.875rem}.score-value{font-weight:600}.score-good{color:#10b981}.score-medium{color:#f59e0b}.score-poor{color:#ef4444}.permission-instructions{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#fffffff2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.instructions-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-width:400px;overflow:hidden;width:85%}.instructions-header{align-items:center;background-color:#6366f1;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.instructions-header h2{font-size:18px;font-weight:600;margin:0}.close-instructions{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;margin:0;padding:0;transition:background-color .2s;width:30px}.close-instructions:hover{background-color:#fff3}.instructions-body{max-height:60vh;overflow-y:auto;padding:20px}.instructions-body h3{color:#4b5563;margin-bottom:12px;margin-top:0}.instructions-body ol{margin:0;padding-left:20px}.instructions-body li{line-height:1.5;margin-bottom:8px}.instructions-body p{color:#6b7280;font-style:italic;margin-top:16px}.reload-button{background-color:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:8px 16px;transition:background-color .2s}.reload-button:hover{background-color:#4f46e5}#word-helper-debug{font-family:Courier New,monospace}.debug-message{border-left:3px solid #ccc;border-radius:3px;margin-bottom:4px;padding:4px 8px;white-space:pre-wrap;word-break:break-word}.debug-message.info{background-color:#3b82f633;border-left-color:#3b82f6}.debug-message.success{background-color:#10b98133;border-left-color:#10b981}.debug-message.warning{background-color:#f59e0b33;border-left-color:#f59e0b}.debug-message.error{background-color:#ef444433;border-left-color:#ef4444}.action-button.recording{animation:pulse-recording 1.5s infinite;background-color:#ef4444}@keyframes pulse-recording{0%{background-color:#ef4444;transform:scale(1)}50%{background-color:#dc2626;transform:scale(1.05)}to{background-color:#ef4444;transform:scale(1)}}@media screen and (max-width:460px){.container,.search-panel{padding:.75rem}.phoneme-card{padding:1rem}.word-text{font-size:1.75rem}.syllable{font-size:1.125rem;padding:.5rem 1rem}.action-button{font-size:.875rem;padding:.625rem 1rem}.button-text{display:none}.action-buttons{justify-content:space-around}.permission-instructions{padding:.5rem}.instructions-content{max-width:95%}}.feedback-panel{background-color:#f5f6f8;border-radius:12px;font-family:Segoe UI,sans-serif;margin:24px 0;padding:6px 18px}.feedback-panel .panel-title{color:#374151;font-size:.95rem;font-weight:700;margin-bottom:4px;text-transform:uppercase}.feedback-panel .panel-message{color:#111827;font-size:1rem}.feedback-panel.success .panel-message{color:#2e7d32}.feedback-panel.error .panel-message{color:#d32f2f}
/*# sourceMappingURL=main.7252404a.css.map*/