.user-name-overlay{position:absolute;bottom:5px;left:0;width:100%;background:#00000080;padding:1px 0;font-weight:100;font-size:8px}.mic-icon{z-index:10;font-size:.8rem}.sound-overlay{position:absolute;bottom:10px;right:1px;width:100%;padding:1px 0;font-weight:100;font-size:8px}.avatar-container{position:relative;width:30px;height:30px;border-radius:50%;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.online-dot{position:absolute;bottom:1px;right:1px;z-index:100;width:12px;height:12px;background-color:#4caf50;border:2px solid white;border-radius:50%}.border-dashed{border:1px dashed #ccc!important}.square-card{aspect-ratio:1 / 1;width:100%;min-height:100px;display:flex;align-items:center;justify-content:center}.bottom-controls{position:absolute;bottom:0;left:0;right:0;padding:10px;background-color:#fff;border-top:1px solid #ddd;display:flex;justify-content:center;gap:10px}.controls-wrapper{width:100%;padding:10px;border-top:1px solid #ddd;background-color:#fff}.message-box input{flex:1}.offcanvas-rounded-top{border-top-left-radius:1rem;border-top-right-radius:1rem;overflow:hidden}.offcanvas-rounded-top .btn-close{width:1rem;height:1rem;font-size:.85rem;box-shadow:none}@media (max-width: 576px){.square-card{min-height:80px}}.last-div{flex:1;background:#f0f0f0;overflow:auto}.speaking-border{border:3px solid lime;box-shadow:0 0 15px #0f0;animation:pulse 1s infinite}.n0-speaking-border{border:3px solid white}@keyframes pulse{0%{box-shadow:0 0 5px #0f0}50%{box-shadow:0 0 20px #0f0}to{box-shadow:0 0 5px #0f0}}.speak-bar{width:4px;height:20px;background-color:#4caf50;border-radius:2px;transform-origin:bottom;transition:transform .1s ease}.speak-bar.active{animation:bounce .3s infinite}@keyframes bounce{0%{transform:scaleY(.4)}50%{transform:scaleY(1)}to{transform:scaleY(.4)}}