.input-container{flex:1 1;height:auto;overflow:hidden}.textarea{border:1px solid #d1d5db;border-radius:.25rem;resize:vertical}.button,.textarea{margin-bottom:1rem;padding:.5rem;width:100%}.button{background-color:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer}.button:hover{background-color:#2563eb}.sentence-list{overflow:hidden}.sentence-item{background-color:#fff;border-radius:.25rem;box-shadow:0 1px 3px #0000001a;color:#000;cursor:pointer;margin-bottom:.5rem;padding:.5rem}.sentence-english{font-weight:500}.sentence-vietnamese{font-style:italic;margin-top:.5rem}.sentence-grammar{font-size:.9rem;margin-top:.5rem;overflow:hidden}.grammar-line{margin-bottom:.3rem;overflow:hidden}.play-sentence-button,.stop-sentence-button{border:none;border-radius:.25rem;color:#fff;cursor:pointer;flex:1 1;padding:.5rem;text-align:center}.play-sentence-button{background-color:#10b981}.play-sentence-button:hover{background-color:#059669}.stop-sentence-button{background-color:#ef4444}.stop-sentence-button:hover{background-color:#dc2626}.error-message{margin-bottom:1rem}.dialogue-container{flex:1 1}.dialogue-item{border-radius:.25rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:.5rem;padding:.5rem}.dialogue-item.dark-blue{background-color:#027bd7;color:#fff}.dialogue-item.white{background-color:#fff;color:#000}.dialogue-item.user-hint{opacity:.5}.dialogue-english{font-weight:350}.dialogue-vietnamese{font-style:italic;margin-top:.5rem}.dialogue-grammar{font-size:.9rem;margin-top:.5rem}.divider{border:0;border-top:1px solid #d1d5db;margin:.5rem 0}.audio-controls{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.button-group{display:flex;gap:.5rem;width:100%}.practice-button{background-color:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;margin-bottom:.5rem;padding:.5rem;text-align:center;width:100%}.practice-button:hover{background-color:#2563eb}.next-button,.play-dialogue-button,.record-button,.stop-dialogue-button{border:none;border-radius:.25rem;color:#fff;cursor:pointer;flex:1 1;padding:.5rem;text-align:center}.play-dialogue-button{background-color:#10b981}.play-dialogue-button:hover{background-color:#059669}.stop-dialogue-button{background-color:#ef4444}.stop-dialogue-button:hover{background-color:#dc2626}.record-button{background-color:#8b5cf6}.record-button.recording{background-color:#a78bfa}.record-button:hover{background-color:#7c3aed}.next-button{background-color:#f59e0b}.next-button:hover{background-color:#d97706}.recording-controls{display:flex;gap:.5rem;margin-top:.5rem}.select{border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem;width:100%}.checkbox-label{align-items:center;display:flex;gap:.5rem}.error-message{color:#ef4444;text-align:center}.custom-nav{border-radius:.5rem;box-shadow:0 2px 4px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:auto;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background-color:#f3f4f6;display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-y:auto;padding:1rem}.nav-bar{border-radius:.5rem;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:1rem}.nav-link{background-color:#e5e7eb;color:#000;flex:1 1;padding:.5rem;text-align:center;text-decoration:none}.nav-link.active{background-color:#3b82f6;color:#fff}
/*# sourceMappingURL=main.e023bf5f.css.map*/