button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #073f5d;outline-offset:3px;border-radius:8px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #073f5d;outline-offset:2px;box-shadow:0 0 0 4px #073f5d1a}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.dark button:focus-visible,.dark a:focus-visible,.dark [role=button]:focus-visible{outline-color:#073f5d}#speakButton.recording{background:linear-gradient(135deg,#ff4757,#ff3742)!important;animation:recordingPulse 1.5s ease-in-out infinite}#speakButton.processing{background:linear-gradient(135deg,#ffa726,#fb8c00)!important;cursor:wait}#speakButton.error{background:linear-gradient(135deg,#ef4444,#dc2626)!important;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{margin-left:0}25%{margin-left:-10px}75%{margin-left:10px}}@keyframes recordingPulse{0%,to{box-shadow:0 0 #ff4757b3}50%{box-shadow:0 0 0 20px #ff475700}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}html{font-size:14px}.oculto{display:none!important}#transcriptionContent{scrollbar-width:thin;scrollbar-color:rgba(7,63,93,.5) transparent}#transcriptionContent::-webkit-scrollbar{width:6px}#transcriptionContent::-webkit-scrollbar-track{background:transparent}#transcriptionContent::-webkit-scrollbar-thumb{background:#073f5d80;border-radius:3px}#transcriptionContent::-webkit-scrollbar-thumb:hover{background:#073f5db3}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;min-width:240px;max-width:320px;padding:12px 14px;border-radius:10px;box-shadow:0 8px 20px #00000026;display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.toast.hiding{animation:slideOutRight .3s ease-in}.toast-info{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-success{background:linear-gradient(135deg,#22c55ef2,#16a34af2);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-warning{background:linear-gradient(135deg,#fb923cf2,#f97316f2);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-icon{font-size:20px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:600;font-size:13px;margin-bottom:3px}.toast-message{font-size:12px;opacity:.95;line-height:1.4}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s;opacity:0}.animate-delay-500{animation-delay:.5s;opacity:0}.animate-delay-600{animation-delay:.6s;opacity:0}.animate-delay-700{animation-delay:.7s;opacity:0}@media(max-width:640px){#speakButton{padding:12px 20px!important;font-size:14px!important;gap:8px!important}#speakButton .material-symbols-outlined{font-size:20px!important}aside{width:100%!important;max-height:50vh!important;min-height:auto!important}#avatares{flex-direction:column!important;gap:16px!important;padding:16px!important}#transcriptionContent{max-height:300px!important}.toast-container{top:10px;right:10px;left:10px}.toast{max-width:100%}#typing-indicator{font-size:12px!important}#typing-indicator .w-2{width:6px!important;height:6px!important}}@media(min-width:641px)and (max-width:1024px){aside{width:320px!important}#speakButton{padding:14px 24px!important}}#avatarVideo{opacity:0;transition:opacity .8s ease-in}#avatarVideo.loaded{opacity:1}#avatares{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button[title],a[title]{position:relative;transition:transform .2s ease}button[title]:hover,a[title]:hover{transform:translateY(-2px)}#speakButton{transition:all .3s ease}#speakButton:hover:not(.recording):not(.processing):not(.error){box-shadow:0 8px 30px #073f5d66}.skeleton{background:linear-gradient(90deg,#c8c8c833 25%,#c8c8c84d,#c8c8c833 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,#32323233 25%,#3232324d,#32323233 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{width:100%;height:100%;border-radius:1.5rem}.skeleton-text{height:1rem;border-radius:.25rem;margin-bottom:.5rem}.skeleton-text.w-full{width:100%}.skeleton-text.w-3-4{width:75%}.skeleton-text.w-1-2{width:50%}