:root{--bg-primary: #121212;--bg-primary-rgb: 18, 18, 18;--bg-secondary: #1e1e1e;--bg-secondary-rgb: 30, 30, 30;--bg-tertiary: #2d2d2d;--bg-tertiary-rgb: 45, 45, 45;--bg-accent: #3700b3;--bg-accent-rgb: 55, 0, 179;--bg-accent-light: rgba(55, 0, 179, .1);--bg-hover: #383838;--bg-hover-rgb: 56, 56, 56;--text-primary: #e1e1e1;--text-primary-rgb: 225, 225, 225;--text-secondary: #a0a0a0;--text-secondary-rgb: 160, 160, 160;--text-tertiary: #717171;--text-tertiary-rgb: 113, 113, 113;--text-accent: #bb86fc;--text-accent-rgb: 187, 134, 252;--text-error: #cf6679;--text-error-rgb: 207, 102, 121;--text-success: #03dac6;--text-success-rgb: 3, 218, 198;--text-danger: #cf6679;--text-danger-rgb: 207, 102, 121;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--header-height: 60px;--sidebar-width: 280px;--input-height: 60px}[data-theme=light]{--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--bg-secondary: #f5f5f5;--bg-secondary-rgb: 245, 245, 245;--bg-tertiary: #e0e0e0;--bg-tertiary-rgb: 224, 224, 224;--bg-accent: #6200ee;--bg-accent-rgb: 98, 0, 238;--bg-accent-light: rgba(98, 0, 238, .1);--bg-hover: #f0f0f0;--bg-hover-rgb: 240, 240, 240;--text-primary: #121212;--text-primary-rgb: 18, 18, 18;--text-secondary: #666666;--text-secondary-rgb: 102, 102, 102;--text-tertiary: #999999;--text-tertiary-rgb: 153, 153, 153;--text-accent: #6200ee;--text-accent-rgb: 98, 0, 238;--text-error: #b00020;--text-error-rgb: 176, 0, 32;--text-success: #018786;--text-success-rgb: 1, 135, 134;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(var(--bg-tertiary-rgb),.5);border-radius:8px}::-webkit-scrollbar-thumb{background:rgba(var(--bg-hover-rgb),.6);border-radius:8px;transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-tertiary-rgb),.8)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(var(--bg-hover-rgb),.6) rgba(var(--bg-tertiary-rgb),.5)}.chat-list::-webkit-scrollbar{width:5px}.message-list::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar{width:5px}.user-list::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar{width:5px;height:5px}textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--bg-hover-rgb),.6) rgba(var(--bg-tertiary-rgb),.5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-size:var(--font-md);overflow:hidden}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;outline:none}a{color:var(--text-accent);text-decoration:none}.hidden{display:none!important}.app-container{height:100vh;width:100vw;display:flex;flex-direction:column}.container{flex:1;overflow:hidden;display:flex}.auth-container{flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-primary);padding:var(--space-xl)}.auth-form{background-color:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md)}.form-title{margin-bottom:var(--space-lg);color:var(--text-primary);text-align:center;font-size:var(--font-xl)}.input-group{margin-bottom:var(--space-md)}.input-label{display:block;margin-bottom:var(--space-xs);color:var(--text-secondary)}.input-field{width:100%;padding:var(--space-sm);background-color:var(--bg-tertiary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-fast)}.input-field:focus{border-color:var(--text-accent);outline:none}.auth-button{width:100%;padding:var(--space-sm);background-color:var(--bg-accent);color:#fff;border-radius:var(--radius-sm);font-weight:700;margin-top:var(--space-md);transition:var(--transition-fast)}.auth-button:hover{opacity:.9}.auth-switch{margin-top:var(--space-md);text-align:center;color:var(--text-secondary)}.oauth-divider{display:flex;align-items:center;margin:var(--space-lg) 0;color:var(--text-tertiary)}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;border-bottom:1px solid var(--bg-tertiary)}.oauth-divider span{padding:0 var(--space-sm)}.oauth-buttons{display:flex;justify-content:center;gap:var(--space-sm)}.oauth-button{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-fast)}.oauth-button:hover{background-color:var(--bg-hover)}.oauth-button img{width:20px;height:20px;margin-right:var(--space-xs)}.chat-container{flex-direction:row}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--bg-tertiary)}.user-profile{padding:var(--space-md);border-bottom:1px solid var(--bg-tertiary);display:flex;align-items:center;height:var(--header-height)}.profile-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--bg-tertiary);margin-right:var(--space-sm);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-name{font-weight:700;color:var(--text-primary)}.profile-status{font-size:var(--font-xs);color:var(--text-secondary)}.chat-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.chat-items{overflow-y:auto;max-height:calc(100% - 50px)}.chat-item{display:flex;align-items:center;padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-xs);transition:var(--transition-fast),transform .3s ease,background-color .3s ease;position:relative;transform:translateZ(0);animation:fade-in .3s ease forwards}.chat-item:hover{background-color:var(--bg-hover)}.chat-item.active{background-color:var(--bg-tertiary)}.chat-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);margin-right:var(--space-sm);overflow:hidden}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-info{flex:1;min-width:0}.chat-name{font-weight:700;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-last-message{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{text-align:right;font-size:var(--font-xs)}.chat-time{color:var(--text-tertiary)}.chat-badge{background-color:var(--bg-accent);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-top:2px;display:inline-block;animation:bounce .5s;transform-origin:center bottom}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.chat-item.new-message{animation:highlight 2s ease-out;background-color:rgba(var(--bg-accent-rgb),.15);box-shadow:0 0 8px rgba(var(--bg-accent-rgb),.4);position:relative;z-index:1;transform:translateZ(0);transition:background-color .5s ease}.chat-item.new-message:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--bg-accent);border-radius:2px}@keyframes highlight{0%{background-color:rgba(var(--bg-accent-rgb),.3);transform:scale(1.02)}20%{transform:scale(1)}to{background-color:rgba(var(--bg-accent-rgb),.15)}}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary)}.chat-header{height:var(--header-height);padding:0 var(--space-lg);border-bottom:1px solid var(--bg-tertiary);display:flex;align-items:center}.header-info{flex:1}.header-name{font-weight:700;font-size:var(--font-lg)}.header-status{font-size:var(--font-xs);color:var(--text-secondary)}.header-actions{display:flex;gap:var(--space-sm)}.header-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.header-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.message-list{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column}.message-group{margin-bottom:var(--space-md);max-width:70%}.message-group.sent{align-self:flex-end!important;margin-left:auto!important;margin-right:0!important;max-width:95%;width:fit-content}.message-group.sent .message-item.long-message{max-width:95%;min-width:500px;width:fit-content;margin-left:auto!important;margin-right:0!important}.message-group.received{align-self:flex-start}.message-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xs);position:relative;word-break:break-word;max-width:85%;min-width:250px;overflow:hidden}.message-group.sent .message-item{background-color:var(--bg-accent);color:#fff;border-top-right-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a}.message-group.received .message-item{background-color:var(--bg-tertiary);color:var(--text-primary);border-top-left-radius:var(--radius-sm);box-shadow:0 1px 4px #0000000d}.message-item:has(.message-image),.message-item:has(.message-video){padding:var(--space-xs)}.message-group.sent .message-time{color:#fffc}.message-group.received .message-time{color:var(--text-tertiary)}.message-time{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px;text-align:right}.message-status{display:inline-block;margin-left:var(--space-xs)}.message-input{padding:var(--space-md);border-top:1px solid var(--bg-tertiary);background-color:var(--bg-primary);position:relative}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-left:3px solid var(--bg-accent);margin-bottom:var(--space-sm);border-radius:var(--radius-sm);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-content{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.reply-icon{color:var(--bg-accent);display:flex;align-items:center}.reply-info{flex:1;min-width:0}.reply-to-user{font-weight:600;font-size:var(--font-sm);color:var(--bg-accent)}.reply-preview{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cancel-reply-btn{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;padding:0 var(--space-xs);transition:color .2s ease}.cancel-reply-btn:hover{color:var(--text-primary)}.replied-message{background:var(--bg-tertiary);border-left:3px solid var(--bg-accent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);font-size:var(--font-sm);cursor:pointer;transition:all .2s ease}.replied-message:hover{background:var(--bg-hover);border-left-color:var(--bg-accent-dark);transform:translate(2px)}.message-group.sent .replied-message{background:#ffffff26;border-left-color:#ffffff80}.message-group.sent .replied-message:hover{background:#ffffff40;border-left-color:#fffc;transform:translate(2px)}.replied-user{font-weight:600;font-size:var(--font-xs);color:var(--bg-accent);margin-bottom:2px}.message-group.sent .replied-user{color:#ffffffe6}.replied-content{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-group.sent .replied-content{color:#ffffffb3}.message-item.long-message{max-width:95%;min-width:500px;width:fit-content}.message-item.with-reply{max-width:85%}.replied-image-preview{display:flex;align-items:center;gap:var(--space-xs)}.replied-thumbnail{width:24px;height:24px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--bg-tertiary)}.replied-image-text{font-size:var(--font-xs);color:var(--text-secondary)}.message-group.sent .replied-thumbnail{border-color:#ffffff4d}.message-group.sent .replied-image-text{color:#ffffffb3}.reply-image-preview{display:flex;align-items:center;gap:var(--space-xs)}.reply-thumbnail{width:20px;height:20px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--bg-tertiary)}.mention-list{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:100;display:none}.mention-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color .2s ease}.mention-item:hover,.mention-item.selected{background-color:var(--bg-hover)}.mention-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.mention-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary)}.mention-info{flex:1;min-width:0}.mention-name{font-weight:500;font-size:var(--font-sm)}.mention-code{font-size:var(--font-xs);color:var(--text-secondary)}.message-mention{background:var(--bg-accent-light);color:var(--bg-accent);padding:2px 4px;border-radius:var(--radius-sm);font-weight:600}.message-group.sent .message-mention{background:#fff3;color:#fffffff2}.input-container{display:flex;background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.input-actions{display:flex;padding:var(--space-sm)}.action-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.action-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.message-textarea{flex:1;background:none;border:none;outline:none;padding:var(--space-sm);min-height:40px;max-height:120px;resize:none}.send-button{padding:var(--space-sm);color:var(--text-accent);font-weight:700;transition:var(--transition-fast)}.send-button:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) forwards}@media (max-width: 768px){.chat-container{flex-direction:column;height:100vh;height:100dvh}.main-content{height:100%;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.chat-header{flex-shrink:0;position:relative;z-index:2;background:var(--bg-primary)}.message-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.message-input{flex-shrink:0;position:relative;z-index:1;background:var(--bg-primary)}.input-container{background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;position:relative;overflow:hidden}.sidebar{width:100%;height:100%;position:absolute;z-index:10;left:0;top:0;transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.message-group{max-width:90%}.message-item{max-width:85vw;min-width:150px!important}.message-item.long-message{max-width:90vw!important;min-width:200px!important}.message-textarea{font-size:16px!important;min-height:44px!important;max-height:120px!important;padding:12px 16px!important;line-height:1.5!important;flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary)}.action-button{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:50%;display:flex;align-items:center;justify-content:center}.input-actions{display:flex;align-items:center;padding:8px!important;gap:4px}.send-button{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;padding:0!important;display:flex;align-items:center;justify-content:center}.chat-item{padding:16px!important;min-height:72px}.chat-avatar{width:48px!important;height:48px!important;font-size:20px!important}.chat-header{padding:12px 16px!important;min-height:60px}.chat-header-avatar{width:40px!important;height:40px!important}.message-context-menu{min-width:200px}.context-menu-item{padding:14px 20px!important;font-size:15px!important;min-height:48px}.reply-indicator{padding:10px 12px!important;margin:8px!important}.mention-list{bottom:100%!important;margin-bottom:8px!important}.mention-item{padding:12px!important;min-height:56px}.mention-avatar{width:40px!important;height:40px!important}.mobile-menu-button{display:flex!important;min-width:44px;min-height:44px}.message-list::-webkit-scrollbar{width:4px!important}.chat-list::-webkit-scrollbar{width:4px!important}.modal-content{width:95%!important;max-width:100%!important;margin:10px}.edit-textarea{font-size:16px!important;min-height:100px!important}.user-profile{padding:16px!important}.message-image,.message-video{max-width:100%!important;max-height:300px!important}.replied-message{padding:8px 10px!important;font-size:13px!important}.typing-indicator{font-size:13px!important;padding:8px 12px!important}}@media (max-width: 480px){.message-item{max-width:80vw;min-width:120px!important;font-size:14px!important}.message-item.long-message{max-width:85vw!important;min-width:150px!important}.input-container{padding:6px!important}.chat-item{padding:12px!important;min-height:64px}.chat-avatar{width:44px!important;height:44px!important}.chat-name{font-size:14px!important}.chat-message{font-size:13px!important}.chat-time{font-size:11px!important}}@media (max-width: 768px) and (orientation: landscape){.message-textarea{max-height:80px!important}.chat-header{min-height:50px;padding:8px 12px!important}.input-container{padding:6px!important}}@media (max-width: 768px){body.keyboard-open .chat-container{height:100vh;height:100dvh}body.keyboard-open .main-content{max-height:100vh;max-height:100dvh}body.keyboard-open .message-list{flex:1;overflow-y:auto;min-height:0}body.keyboard-open .message-input{flex-shrink:0}body.keyboard-open{position:fixed;width:100%}}@media (hover: none) and (pointer: coarse){.chat-item:hover{background-color:var(--bg-secondary)}.chat-item:active{background-color:var(--bg-tertiary);transition:background-color .1s ease}.action-button:active,.send-button:active{transform:scale(.95);transition:transform .1s ease}.context-menu-item:active,.mention-item:active{background-color:var(--bg-tertiary)}}.mobile-menu-button{display:none;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;margin-right:var(--space-sm)}:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;animation:fadeIn .3s}.modal-header{padding:var(--space-md);border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-lg);font-weight:600}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary)}.modal-body{padding:var(--space-md)}.modal-footer{padding:var(--space-md);border-top:1px solid var(--bg-tertiary);display:flex;justify-content:flex-end;gap:var(--space-sm)}.chat-type-selector{display:flex;margin-bottom:var(--space-md);border-bottom:1px solid var(--bg-tertiary)}.chat-type-btn{padding:var(--space-sm) var(--space-md);border:none;background:none;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);border-bottom:2px solid transparent}.chat-type-btn.active{color:var(--text-accent);border-bottom:2px solid var(--text-accent)}.chat-form{margin-top:var(--space-md)}.user-list{margin-top:var(--space-sm);max-height:200px;overflow-y:auto;border:1px solid var(--bg-tertiary);border-radius:var(--radius-sm)}.no-users{padding:var(--space-md);text-align:center;color:var(--text-tertiary)}.user-item{display:flex;align-items:center;padding:var(--space-sm);border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:var(--transition-fast)}.user-item:last-child{border-bottom:none}.user-item:hover{background-color:var(--bg-hover)}.user-item.selected{background-color:var(--bg-accent-light)}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:var(--space-sm);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;overflow:hidden}.user-name{font-weight:500;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email,.user-code,.user-role{font-size:var(--font-sm);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:var(--text-accent);font-weight:500;padding:2px 6px;background-color:var(--bg-accent-light);border-radius:var(--radius-sm);display:inline-block;margin-right:var(--space-xs)}.user-role-badge{font-size:var(--font-xs);color:var(--text-accent);background-color:var(--bg-accent-light);padding:1px 4px;border-radius:var(--radius-sm);display:inline-block;margin-left:var(--space-xs);vertical-align:middle}.selected-users{margin-top:var(--space-md);padding:var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.add-user-btn,.remove-user-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-lg);margin-left:var(--space-sm);transition:var(--transition-fast);cursor:pointer}.add-user-btn:hover{background-color:var(--bg-accent);color:#fff}.remove-user-btn{background-color:var(--bg-primary)}.remove-user-btn:hover{background-color:var(--text-danger);color:#fff}.unread-indicator{display:inline-block;width:10px;height:10px;background-color:var(--bg-accent);border-radius:50%;margin-right:var(--space-xs);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--bg-accent-rgb),.7)}70%{box-shadow:0 0 0 6px rgba(var(--bg-accent-rgb),0)}to{box-shadow:0 0 rgba(var(--bg-accent-rgb),0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--bg-accent);border-radius:50%;animation:spin .8s linear infinite}.loading-older-messages{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--space-sm);color:var(--text-tertiary);font-size:var(--font-sm)}