:root{--bg-primary: #1a0f08;--bg-secondary: #2a1810;--bg-sidebar: #140b05;--bg-input: #2a1810;--bg-hover: rgba(212, 175, 55, .08);--text-primary: #e8e8e8;--text-secondary: #a09080;--accent: #d4af37;--accent-hover: #e0c04a;--border: #402514;--online: #43b581;--danger: #ff6b6b;--unread: #d4af37;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.badge{background:var(--unread);color:#000;border-radius:10px;padding:1px 6px;font-size:.7em;font-weight:700;margin-left:6px}.online-dot{width:8px;height:8px;background:var(--online);border-radius:50%;display:inline-block;flex-shrink:0}.online-dot.pulse{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #43b58166}50%{box-shadow:0 0 6px 2px #43b5814d}}.rank-icon{width:18px;height:18px;vertical-align:middle}.sidebar-item{padding:7px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s ease,border-color .15s ease;border-left:3px solid transparent;color:var(--text-primary);font-size:.93em}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--bg-hover);border-left-color:var(--accent)}.sidebar-item .channel-hash{color:var(--text-secondary);font-weight:700;font-size:1.1em;width:18px;text-align:center;flex-shrink:0}.sidebar-item.logout-item{color:var(--text-secondary);font-size:.85em;border-radius:var(--radius);background:#1e1209;transition:background .15s ease,color .15s ease}.sidebar-item.logout-item:hover{color:var(--danger);background:#ff6b6b14}.sidebar-item.logout-item svg{stroke:currentColor}.message-row{padding:15px 16px;display:flex;gap:10px;transition:background .1s ease}.message-row:hover{background:#ffffff05}.msg-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.msg-avatar img{width:32px;height:32px}.msg-avatar .avatar-letter{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:.85em}.msg-username-wrap{position:relative;display:inline-block}.user-tooltip{display:none;position:absolute;top:100%;left:0;background:#1a0f08;border:1px solid var(--border);border-radius:10px;padding:16px 14px 10px;z-index:20;min-width:180px;box-shadow:0 4px 16px #0006}.user-tooltip:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}.msg-username-wrap:hover .user-tooltip{display:block}.user-tooltip-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.user-tooltip-rank{width:22px;height:22px}.user-tooltip-name{color:#fff;font-weight:700;font-size:.95em}.user-tooltip-title{color:var(--accent);font-size:.78em;margin-bottom:4px}.user-tooltip-id{color:var(--text-secondary);font-size:.75em;margin-bottom:6px}.user-tooltip-actions{display:flex;gap:6px;flex-wrap:wrap}.user-tooltip-link{display:inline-block;color:var(--accent);font-size:.78em;text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:3px 10px;transition:background .15s ease,border-color .15s ease}.user-tooltip-link:hover{background:var(--bg-hover);border-color:var(--accent)}.user-tooltip-mod-btn{display:inline-block;color:#64b4ff;font-size:.78em;background:none;border:1px solid var(--border);border-radius:8px;padding:3px 10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.user-tooltip-mod-btn:hover{background:#64b4ff1a;border-color:#64b4ff}.msg-time{color:var(--text-secondary);font-size:.7em;margin-left:8px;flex-shrink:0}.msg-time.always-visible{opacity:.6}.msg-reply-quote{border-left:3px solid var(--accent);background:#d4af370f;border-radius:0 6px 6px 0;padding:4px 10px;margin:4px 0 2px;display:flex;flex-direction:column;gap:1px;max-width:400px}.msg-reply-author{color:var(--accent);font-size:.75em;font-weight:700}.msg-reply-text{color:var(--text-secondary);font-size:.82em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview{display:flex;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-top:1px solid var(--border);gap:8px}.reply-preview-content{flex:1;min-width:0;border-left:3px solid var(--accent);padding-left:10px;display:flex;flex-direction:column;gap:1px}.reply-preview-author{color:var(--accent);font-size:.75em;font-weight:700}.reply-preview-text{color:var(--text-secondary);font-size:.82em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s ease;flex-shrink:0}.reply-preview-close:hover{color:var(--danger)}.msg-input-wrap{display:flex;align-items:center;padding:12px 16px;background:var(--bg-secondary);gap:8px}.msg-input{flex:1;background:#1a0f08;border:none;border-radius:var(--radius);padding:14px;color:var(--text-primary);outline:none;font-size:.95em}.msg-input::placeholder{color:var(--text-secondary)}.msg-send-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#1a0f08;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease;flex-shrink:0}.msg-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.msg-send-btn:disabled{opacity:.3;cursor:default}.msg-send-btn svg{width:18px;height:18px}.msg-actions-row{display:flex;align-items:center;gap:2px;margin-top:6px;padding:4px 0}.reaction-picker-btn{background:none;border:none;cursor:pointer;font-size:1.15em;padding:2px 4px;border-radius:6px;transition:background .1s ease,transform .1s ease}.reaction-picker-btn:hover{background:var(--bg-hover);transform:scale(1.2)}.msg-action-reply{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:5px 14px;border-radius:10px;font-size:.88em;margin-left:6px;transition:background .15s ease,color .15s ease,border-color .15s ease}.msg-action-reply:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-hover)}.msg-action-delete{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:5px 14px;border-radius:10px;font-size:.88em;margin-left:2px;transition:background .15s ease,color .15s ease,border-color .15s ease}.msg-action-delete:hover{color:var(--danger);border-color:var(--danger);background:#ff6b6b14}.reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:flex;align-items:center;gap:4px;background:#d4af371a;border:1px solid var(--border);border-radius:10px;padding:3px 8px;cursor:pointer;font-size:1.1em;transition:background .15s ease,border-color .15s ease;position:relative}.reaction-chip:hover{background:#d4af3733;border-color:var(--accent)}.reaction-count{color:var(--text-secondary);font-size:.85em}.reaction-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a0f08;border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.7em;color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:10}.reaction-chip:hover .reaction-tooltip{display:block}.chat-header{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);display:flex;align-items:center;gap:10px}.chat-header .header-channel{flex:1;min-width:0}.chat-header .header-name{color:var(--accent);font-weight:700;font-size:.95em}.chat-header .header-hash{color:var(--text-secondary);font-weight:700}.chat-header .header-desc{display:block;color:var(--text-secondary);font-size:.75em;font-weight:400;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-toggle-btn{margin-left:auto;background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);padding:6px 8px;cursor:pointer;display:flex;align-items:center;transition:color .15s ease,border-color .15s ease}.members-toggle-btn:hover{color:var(--accent);border-color:var(--accent)}.members-toggle-btn svg{width:18px;height:18px}.sidebar-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-header img.sidebar-logo{width:calc(100% - 32px);height:auto}.sidebar-section-label{padding:10px 16px 4px;color:var(--text-secondary);font-size:.7em;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.typing-indicator{padding:4px 16px;font-size:.8em;color:var(--text-secondary);font-style:italic;min-height:28px}.cooldown-banner{padding:8px 16px;background:#ff00001f;color:var(--danger);text-align:center;font-size:.9em;border-top:1px solid rgba(255,0,0,.2)}.members-panel{width:220px;min-width:220px;background:var(--bg-sidebar);height:100vh;display:flex;flex-direction:column;overflow-y:auto}.members-header{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.82em;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.members-list{flex:1;overflow-y:auto;padding:4px 0}.members-group{margin-bottom:4px}.members-group-header{padding:8px 14px 4px;display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.members-group-header:hover{background:var(--bg-hover)}.members-group-arrow{font-size:.6em;color:var(--text-secondary);width:10px}.members-group-label{color:var(--text-secondary);font-size:.72em;text-transform:uppercase;letter-spacing:1px;font-weight:600}.members-group-count{color:var(--text-secondary);font-size:.7em;margin-left:auto}.members-group-list{padding:2px 0}.members-user{padding:5px 14px 5px 20px;display:flex;align-items:center;gap:6px;font-size:.85em;transition:background .1s ease}.members-user:hover{background:var(--bg-hover)}.members-user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-role-badge{font-size:.65em;font-weight:700;padding:1px 5px;border-radius:6px;flex-shrink:0}.members-role-admin{background:#ff6b6b33;color:#ff6b6b}.members-role-mod{background:#64b4ff33;color:#64b4ff}@media(max-width:1024px){.members-panel,.members-toggle-btn{display:none}}@media(max-width:768px){.chat-header{padding-left:52px}.sidebar{position:fixed;top:0;left:0;z-index:90;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:89}.sidebar-backdrop.visible{display:block}}