.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#fff3}pre{background:#0006!important;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin:8px 0;overflow-x:auto}code{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9em}.inline-code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.9em}pre[class*=language-]{background:#0006!important;text-shadow:none!important}code[class*=language-],pre[class*=language-]{color:#e4e4e4;text-shadow:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955}.token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#569cd6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce9178}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#d4d4d4}.token.atrule,.token.attr-value,.token.keyword{color:#c586c0}.token.function,.token.class-name{color:#dcdcaa}.token.regex,.token.important,.token.variable{color:#9cdcfe}.mention{cursor:pointer;transition:background-color .2s}.mention:hover{background:#a855f74d}.message-actions{opacity:0;transition:opacity .2s}.message:hover .message-actions{opacity:1}.EmojiPickerReact{--epr-bg-color: rgba(31, 41, 55, .95) !important;--epr-category-label-bg-color: rgba(31, 41, 55, .95) !important;--epr-text-color: #e4e4e4 !important;--epr-hover-bg-color: rgba(255, 255, 255, .1) !important;--epr-focus-bg-color: rgba(255, 255, 255, .1) !important;--epr-search-border-color: rgba(255, 255, 255, .1) !important;--epr-search-bg-color: rgba(0, 0, 0, .3) !important;--epr-picker-border-radius: 12px !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}textarea:focus{box-shadow:0 0 0 2px #a855f733}.channel-item{position:relative;overflow:hidden}.channel-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background-color .2s}.channel-item:hover:before,.channel-item.active:before{background:#a855f7}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unread-badge{animation:badge-pulse 2s infinite}@keyframes typing-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.typing-dot{animation:typing-bounce .6s infinite}.typing-dot:nth-child(2){animation-delay:.1s}.typing-dot:nth-child(3){animation-delay:.2s}.connection-status{position:fixed;bottom:20px;right:20px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;z-index:1000;transition:all .3s}.connection-status.connected{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.connection-status.disconnected{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-enter{animation:message-slide-in .2s ease-out}.glass-panel{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50}.member-list{display:none}}@media (max-width: 768px){.search-box{display:none}.toolbar-button{padding:6px}}@media (prefers-color-scheme: dark){::selection{background:#a855f74d;color:#fff}}:root{--glass-bg-primary: rgba(13, 17, 23, .8);--glass-bg-secondary: rgba(22, 27, 34, .6);--glass-bg-tertiary: rgba(28, 33, 40, .4);--glass-white: rgba(255, 255, 255, .1);--glass-white-light: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--glass-border-light: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .05);--glass-shadow: rgba(0, 0, 0, .3);--accent-blue: #58a6ff;--accent-purple: #bc8cff;--accent-pink: #f778ba;--accent-green: #3fb950;--accent-yellow: #d29922;--accent-red: #f85149;--accent-cyan: #39c5cf;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .35);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-glow: 0 0 20px rgba(88, 166, 255, .3);--shadow-glow-purple: 0 0 20px rgba(188, 140, 255, .3);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0d1117,#161b22,#0d1117);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}.glass{background:var(--glass-white-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light)}.glass-card{background:var(--glass-white-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff14;border-color:var(--glass-border);transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px #ffffff26}.glass-panel{background:var(--glass-bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.glass-button{background:var(--glass-white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--duration-fast) cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.glass-button:active{transform:scale(.98)}.glass-button-primary{background:linear-gradient(135deg,#58a6ff4d,#bc8cff4d);border-color:#58a6ff66}.glass-button-primary:hover{background:linear-gradient(135deg,#58a6ff66,#bc8cff66);box-shadow:var(--shadow-glow)}.glass-input{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 16px;transition:all var(--duration-fast)}.glass-input:focus{outline:none;border-color:#58a6ff80;background:#ffffff14;box-shadow:0 0 0 3px #58a6ff1a}.glass-input::placeholder{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 50%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--shadow-glow)}.glow-purple{box-shadow:var(--shadow-glow-purple)}.border-glow{border-color:#58a6ff80;box-shadow:0 0 10px #58a6ff33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:#58a6ff4d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #58a6ff4d}50%{box-shadow:0 0 20px #58a6ff80}}.animate-fadeIn{animation:fadeIn var(--duration-normal) ease-out}.animate-slideUp{animation:slideUp var(--duration-normal) cubic-bezier(.4,0,.2,1)}.animate-slideDown{animation:slideDown var(--duration-normal) cubic-bezier(.4,0,.2,1)}.animate-scaleIn{animation:scaleIn var(--duration-normal) cubic-bezier(.4,0,.2,1)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@media (max-width: 640px){html{font-size:14px}.glass-card{border-radius:var(--radius-md)}.glass-panel{border-radius:var(--radius-lg)}}@media (min-width: 641px) and (max-width: 1024px){html{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}[disabled],.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}