.scrollbar-hide{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{overflow-x:auto;display:none}.chat-scrollbar{scrollbar-color:transparent transparent;scrollbar-width:thin}.chat-scrollbar:hover{scrollbar-color:hsla(220,9%,46%,.6) transparent}.chat-scrollbar::-webkit-scrollbar{width:6px;height:6px}.chat-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:3px}.chat-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background-color .2s ease}.chat-scrollbar:hover::-webkit-scrollbar-thumb{background:hsla(220,9%,46%,.6)}.chat-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(220,9%,46%,.8)}@keyframes waveform{0%,to{height:6px;transform:scaleY(1)}25%{height:12px;transform:scaleY(1.2)}50%{height:20px;transform:scaleY(1.8)}75%{height:16px;transform:scaleY(1.4)}}@keyframes waveformAlt{0%,to{height:8px;transform:scaleY(1)}33%{height:18px;transform:scaleY(1.6)}66%{height:14px;transform:scaleY(1.3)}}@keyframes waveformLow{0%,to{height:4px;transform:scaleY(.8)}50%{height:10px;transform:scaleY(1.2)}}.waveform-bar{transition:all .1s ease;min-height:4px}.waveform-bar:nth-child(odd){animation:waveform 1.2s ease-in-out infinite}.waveform-bar:nth-child(2n){animation:waveformAlt 1.5s ease-in-out infinite}.waveform-bar:nth-child(3n){animation:waveformLow .9s ease-in-out infinite}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.05s}.waveform-bar:nth-child(3){animation-delay:.1s}.waveform-bar:nth-child(4){animation-delay:.15s}.waveform-bar:nth-child(5){animation-delay:.2s}.waveform-bar:nth-child(6){animation-delay:.25s}.waveform-bar:nth-child(7){animation-delay:.3s}.waveform-bar:nth-child(8){animation-delay:.35s}.waveform-bar:nth-child(9){animation-delay:.4s}.waveform-bar:nth-child(10){animation-delay:.45s}.waveform-bar:nth-child(11){animation-delay:.5s}.waveform-bar:nth-child(12){animation-delay:.55s}.waveform-bar:nth-child(13){animation-delay:.6s}.waveform-bar:nth-child(14){animation-delay:.65s}.waveform-bar:nth-child(15){animation-delay:.7s}.waveform-bar:nth-child(16){animation-delay:.75s}.waveform-bar:nth-child(17){animation-delay:.8s}.waveform-bar:nth-child(18){animation-delay:.85s}.waveform-bar:nth-child(19){animation-delay:.9s}.waveform-bar:nth-child(20){animation-delay:.95s}@keyframes recordingPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{opacity:.8;transform:scale(1.05);box-shadow:0 0 0 8px rgba(239,68,68,0)}to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes recordingPaused{0%,to{opacity:.8;transform:scale(1);box-shadow:0 0 0 0 rgba(234,179,8,.5)}50%{opacity:1;transform:scale(1.02);box-shadow:0 0 0 4px rgba(234,179,8,0)}}.recording-pulse{animation:recordingPulse 1.5s ease-in-out infinite}.recording-paused{animation:recordingPaused 2s ease-in-out infinite}@keyframes slideInUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.recording-interface{animation:slideInUp .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px rgba(37,211,102,.15),0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.recording-buttons button{transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.recording-buttons button:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.recording-buttons button:active{transform:scale(.95)}.recording-buttons button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .3s,height .3s;z-index:0}.recording-buttons button:active:before{width:100%;height:100%}.recording-buttons button>*{position:relative;z-index:1}.recording-interface button[title*=Recording]{transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.recording-interface button[title*=Recording]:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(37,211,102,.3)}.recording-interface button[title*=Recording]:active{transform:scale(.9)}.recording-interface button[title*=Resume] svg{margin-left:1px}.recording-interface{transition:border-color .3s ease,box-shadow .3s ease}.recording-interface.paused{border-color:rgba(234,179,8,.5);box-shadow:0 4px 20px rgba(234,179,8,.15),0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}@media (max-width:640px){.recording-interface{padding:.75rem;margin-bottom:.5rem}.recording-interface .waveform-container{flex:1;max-width:120px;min-width:80px;gap:1px}.recording-interface .waveform-bar{width:1.5px}.recording-interface .recording-time{font-size:.75rem;padding:.25rem .5rem}.recording-interface .recording-buttons{gap:.375rem}.recording-interface .recording-buttons button{width:1.75rem;height:1.75rem}.recording-interface .recording-buttons button svg{width:12px;height:12px}.recording-interface button[title*=Recording]{width:1.5rem;height:1.5rem}.recording-interface button[title*=Recording] svg{width:10px;height:10px}.recording-interface+div{margin-top:-.5rem;margin-bottom:.5rem}}@media (min-width:641px) and (max-width:1024px){.recording-interface .waveform-container{max-width:180px}.recording-interface .recording-time{font-size:.875rem}}@media (min-width:1025px){.recording-interface{padding:1rem 1.5rem}.recording-interface .waveform-container{max-width:250px}.recording-interface .recording-buttons button{width:2.25rem;height:2.25rem}.recording-interface .recording-buttons button svg{width:16px;height:16px}}.chat-scrollbar{-ms-overflow-style:-ms-autohiding-scrollbar}@supports not selector(::-webkit-scrollbar){.chat-scrollbar{scrollbar-width:thin;scrollbar-color:hsla(220,9%,46%,.4) transparent}.chat-scrollbar:hover{scrollbar-color:hsla(220,9%,46%,.7) transparent}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.chat-scrollbar{-ms-overflow-style:scrollbar}}.chat-scrollbar{--scrollbar-width:6px;--scrollbar-track:transparent;--scrollbar-thumb:transparent;--scrollbar-thumb-hover:hsla(220,9%,46%,.6)}.chat-scrollbar:hover{--scrollbar-thumb:hsla(220,9%,46%,.6)}.waveform-paused .waveform-bar{animation-play-state:paused;opacity:.6;filter:grayscale(.3)}.waveform-container:not(.waveform-paused) .waveform-bar{filter:drop-shadow(0 0 2px rgba(37,211,102,.4))}@keyframes recordingFinished{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,.5)}50%{opacity:.9;transform:scale(1.02);box-shadow:0 0 0 6px rgba(59,130,246,0)}}.recording-finished{animation:recordingFinished 2.5s ease-in-out infinite}.waveform-finished .waveform-bar{animation-play-state:paused;opacity:.8;height:12px!important;background:linear-gradient(0deg,#3b82f6,#60a5fa)}.voice-waveform-bar{transition:all .15s ease;flex:1;min-width:2px;max-width:4px;height:16px;background-color:hsla(0,0%,100%,.6);border-radius:2px;margin:0 1px;cursor:pointer;user-select:none}.voice-waveform-bar:hover{background-color:hsla(0,0%,100%,.8);transform:scaleY(1.1)}.voice-waveform-playing .voice-waveform-bar{animation:voiceWaveform 1.2s ease-in-out infinite}@keyframes voiceWaveform{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.voice-waveform-playing .voice-waveform-bar:nth-child(odd){animation-delay:.1s}.voice-waveform-playing .voice-waveform-bar:nth-child(2n){animation-delay:.2s}.voice-waveform-playing .voice-waveform-bar:nth-child(3n){animation-delay:.05s}@media (max-width:640px){.voice-waveform-bar{min-width:1.5px;max-width:3px}}@media (min-width:641px){.voice-waveform-bar{min-width:2px;max-width:4px}}.voice-message-container{min-width:150px;max-width:100%}@media (max-width:640px){.voice-message-container{min-width:120px}}@media (min-width:641px) and (max-width:1024px){.voice-message-container{min-width:180px;max-width:250px}}@media (min-width:1025px){.voice-message-container{min-width:200px;max-width:280px}}.voice-waveform-bar.active{background-color:#fff;transform:scaleY(1.2)}.voice-waveform-bar.animated{animation:waveform-pulse 1s ease-in-out infinite alternate}.voice-waveform-bar.played{background-color:hsla(0,0%,100%,.9)}@keyframes waveform-pulse{0%{transform:scaleY(.8)}to{transform:scaleY(1.4)}}.message-sent .voice-waveform-bar{background-color:hsla(0,0%,100%,.6)}.message-sent .voice-waveform-bar.active{background-color:#fff}.message-sent .voice-waveform-bar.played{background-color:hsla(0,0%,100%,.9)}.message-received .voice-waveform-bar{background-color:rgba(0,0,0,.4)}.message-received .voice-waveform-bar.active{background-color:rgba(0,0,0,.7)}.message-received .voice-waveform-bar.played{background-color:rgba(0,0,0,.6)}