@media (max-width: 768px){.btn{padding:8px 16px}}.btn{border-radius:8px;padding:12px 24px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.btn-info{background-color:#007bff}.btn-info:hover{background-color:#0056b3}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.btn-warning{background-color:#ffc107}.btn-warning:hover{background-color:#e0a800}.btn-primary{background-color:#17a2b8}.btn-primary:hover{background-color:#117a8b}.rounded-circle{border-radius:50%}@media (max-width: 768px){#recordingStatus{display:block}}#recordingStatus{display:inline-flex;align-items:center;gap:8px}.recording{color:red;animation:pulsate 1s infinite}.not-recording{color:green}#recordingIcon{font-size:1.5em}@keyframes pulsate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.twemoji{font-size:1em}.dropdown-language{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.dropdown-language .dropdown-menu{display:none;position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:160px;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:0 .5rem 1rem #0000002d}.dropdown-language.show .dropdown-menu{display:block}#editableDiv{min-height:60px;max-width:300px;flex:1;background-color:#f5f5f5;border:none;color:#333}.progress{height:10px}#step1Editor,#step3Editor,#phraseDiv{height:800px}#step4Display{height:auto;min-height:300px;height:800px;overflow-y:auto;white-space:pre-wrap}.modal-dialog-centered.modal-xl{max-width:80%}@media (max-width: 768px){.btn{padding:8px 16px}#step1Editor,#step3Editor,#phraseDiv,#step4Display{height:400px}}