.voice-message-player{transition:all .2s}.voice-message-player:hover{background-color:hsl(var(--accent)/.5)}.voice-progress-bar{cursor:pointer;transition:all .2s}.voice-progress-bar:hover{height:6px}.audio-preview{background:linear-gradient(135deg,hsl(var(--accent)/.3)0%,hsl(var(--accent)/.1)100%);border:1px solid hsl(var(--accent));transition:all .2s}.audio-preview:hover{background:linear-gradient(135deg,hsl(var(--accent)/.4)0%,hsl(var(--accent)/.2)100%)}.preview-play-button{background:hsl(var(--primary)/.1);border:1px solid hsl(var(--primary));transition:all .2s}.preview-play-button:hover{background:hsl(var(--primary)/.2);transform:scale(1.1)}.recording-indicator{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.message-highlight{transition:background-color .3s;background-color:hsl(var(--warning)/.3)!important}.date-separator{z-index:10;justify-content:center;align-items:center;margin:1rem 0;display:flex;position:sticky;top:0}.date-separator-line{background:#404040;flex:1;height:1px}.date-separator-text{color:#a3a3a3;background:#171717;border:1px solid #404040;border-radius:1rem;margin:0 1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.chat-input-area{background:#17171780;border-top:1px solid #404040}.emoji-button{transition:all .2s ease-in-out}.emoji-button:hover{background:#4040404d;transform:scale(1.1)}.EmojiPicker{--epr-bg-color:#171717!important;--epr-category-label-bg-color:#171717!important;--epr-search-input-bg-color:#404040!important;--epr-search-input-text-color:white!important;--epr-search-input-placeholder-color:#a3a3a3!important;--epr-picker-border-color:#404040!important;--epr-category-navigation-button-color:#a3a3a3!important;--epr-category-navigation-button-color-active:#22d3ee!important;--epr-emoji-hover-color:#4040404d!important;--epr-text-color:white!important}.EmojiPicker .epr-emoji-category-label{color:#a3a3a3!important;font-size:.75rem!important;font-weight:600!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.embed-container iframe,[class*=embed] iframe{background:0 0;border:none;border-radius:.5rem;width:100%}.loading-skeleton{background:linear-gradient(90deg,#404040 25%,#737373 50%,#404040 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.chat-input-area{padding:.875rem}.date-separator{margin:.75rem 0;padding:.375rem 0}.date-separator .date-badge{padding:.25rem .5rem;font-size:.75rem}.chat-messages{padding:.5rem}}.chat-message-own{color:inherit!important}.chat-message-own a{text-decoration:underline;color:hsl(var(--primary-foreground))!important}.chat-message-own a:hover{opacity:.8}.message-bubble{word-wrap:break-word;overflow-wrap:break-word;max-width:min(80%,500px);transition:all .2s ease-in-out;position:relative}.message-bubble-own{color:hsl(var(--primary-foreground));background:hsl(var(--primary))}.message-bubble-other{color:hsl(var(--foreground));background:hsl(var(--muted))}.message-bubble-other:hover{background:hsl(var(--muted)/.8)}.message-bubble:before{content:"";border:8px solid #0000;width:0;height:0;position:absolute;top:0}.message-bubble-own:before{border-right:none;border-left-color:hsl(var(--primary));right:-8px}.message-bubble-other:before{border-right-color:hsl(var(--muted));border-left:none;left:-8px}.embed-container{border:1px solid hsl(var(--border));border-radius:.5rem;max-width:500px;margin-top:.5rem;overflow:hidden}.embed-container iframe{border:none;width:100%}.emoji-button:hover{transform:scale(1.1)}.chat-input-area{z-index:5;background-color:hsl(var(--background));border-top:1px solid hsl(var(--border));padding:1rem;position:sticky;bottom:0}.chat-input-area input{background-color:hsl(var(--background));border:1px solid hsl(var(--border));transition:border-color .2s,box-shadow .2s}.chat-input-area input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.date-separator{z-index:10;border:1px solid hsl(var(--border));border-radius:8px;margin:1rem 0;padding:.5rem 0;position:sticky;top:0}.date-separator .date-badge{color:hsl(var(--accent-foreground));background:hsl(var(--accent));border:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000026}.date-separator .date-badge:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.date-separator .date-badge:hover:before{left:100%}.date-separator .date-badge:hover{color:hsl(var(--accent-foreground));background:hsl(var(--accent));transform:none;box-shadow:0 2px 6px #00000026}.date-separator:before,.date-separator:after{content:"";background:linear-gradient(to right,transparent,hsl(var(--border)),transparent);width:30%;height:1px;position:absolute;top:50%}.date-separator:before{left:10%}.date-separator:after{right:10%}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--accent))}.chat-messages{scrollbar-color:hsl(var(--border))transparent;scrollbar-width:thin;scroll-behavior:smooth}