:root{--bg: #1a1d21;--bg-sidebar: #19171d;--bg-hover: #27242c;--bg-active: #1164a3;--bg-input: #222529;--border: #35373b;--text: #d1d2d3;--text-bright: #ffffff;--text-muted: #9a9b9e;--accent: #1164a3;--error: #e0245e;--online: #2bac76}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}button{font:inherit;cursor:pointer}input{font:inherit}.muted{color:var(--text-muted)}.error-text{color:var(--error);margin:.5rem 0}.center-screen{height:100%;display:flex;align-items:center;justify-content:center}.claim-card{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:2rem;width:min(420px,90vw);display:flex;flex-direction:column;gap:.75rem}.claim-card h1{margin:0;color:var(--text-bright)}.claim-card p{margin:0}.claim-card input{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);padding:.6rem .75rem}.claim-card input:focus{outline:2px solid var(--accent);border-color:transparent}.claim-card button{background:var(--accent);border:none;border-radius:6px;color:#fff;font-weight:600;padding:.6rem}.claim-card button:disabled{opacity:.6;cursor:default}.chat-layout{display:grid;grid-template-columns:240px 1fr;height:100%}.chat-main{display:flex;flex-direction:column;min-width:0}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{color:var(--text-bright);font-size:1.1rem;font-weight:700;padding:1rem;border-bottom:1px solid var(--border)}.sidebar-section{padding:.75rem .5rem 0;display:flex;flex-direction:column;gap:1px}.sidebar-heading{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:0 .5rem .35rem}.channel-item{background:none;border:none;border-radius:6px;color:var(--text-muted);text-align:left;padding:.35rem .5rem}.channel-item:hover{background:var(--bg-hover)}.channel-item.active{background:var(--bg-active);color:#fff}.channel-hash{opacity:.7;margin-right:.15rem}.presence-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem}.presence-dot{width:9px;height:9px;border-radius:50%;flex:none}.presence-dot.online{background:var(--online)}.sidebar-me{margin-top:auto;display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.sidebar-me-name{font-weight:600;color:var(--text-bright);line-height:1.2}.conn-text{font-size:.75rem;font-weight:400}.conn-online{color:var(--online)}.conn-connecting{color:var(--text-muted)}.conn-offline{color:var(--error)}.chat-header{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);padding:.75rem 1.25rem}.menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);padding:.25rem;margin:-.25rem .15rem -.25rem -.35rem;border-radius:6px}.menu-btn:hover{color:var(--text-bright);background:var(--bg-hover)}.sidebar-backdrop{display:none}.chat-header h1{font-size:1.05rem;margin:0;color:var(--text-bright)}.conn-badge{margin-left:auto;font-size:.8rem}.message-list{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column}.load-older{align-self:center;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.85rem;padding:.3rem 1rem;margin-bottom:.75rem}.empty-channel{margin:auto}.message{position:relative;display:flex;gap:.75rem;padding:.15rem 0;margin-top:.75rem}.message.grouped{margin-top:0}.message.pending{opacity:.55}.message:hover{background:color-mix(in srgb,var(--bg-hover) 50%,transparent)}.message-gutter{width:36px;flex:none;color:var(--text-muted);font-size:.7rem;text-align:right;visibility:hidden;padding-top:.25rem}.message:hover .message-gutter{visibility:visible}.avatar{width:36px;height:36px;border-radius:8px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.message-body{min-width:0}.message-meta{display:flex;align-items:baseline;gap:.5rem}.message-author{color:var(--text-bright);font-weight:700}.message-time{color:var(--text-muted);font-size:.75rem}.message-content{white-space:pre-wrap;overflow-wrap:break-word}.message-list.virtual{display:block;overflow:hidden;padding:0}.message-list.virtual .message{padding:.15rem 1.25rem}.list-header{text-align:center;font-size:.8rem;padding:.75rem 0 .25rem;min-height:2rem}.edited-marker{color:var(--text-muted);font-size:.75rem}.message.tombstone .message-content{font-style:italic}.edit-form{display:flex;gap:.4rem;margin:.15rem 0}.edit-form input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);padding:.35rem .6rem}.edit-form input:focus{outline:2px solid var(--accent);border-color:transparent}.edit-form button{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;padding:0 .7rem}.edit-form button[type=submit]{background:var(--accent);border-color:transparent;color:#fff}.search-input{margin-left:auto;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-bright);font-size:.85rem;padding:.35rem .6rem;width:min(220px,30vw)}.search-input:focus{outline:2px solid var(--accent);border-color:transparent}.chat-header .conn-badge{margin-left:0}.search-results{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.search-result{background:none;border:none;border-radius:8px;color:var(--text);text-align:left;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.35rem}.search-result:hover{background:var(--bg-hover)}.search-result-meta{display:flex;align-items:baseline;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.search-result-channel{font-weight:600;color:var(--text)}.search-result-time{margin-left:auto}.search-result-body{display:flex;gap:.6rem;align-items:flex-start}.search-result-body .avatar{width:28px;height:28px;font-size:.8rem}.search-snippet{overflow-wrap:anywhere}.search-snippet mark{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text-bright);border-radius:3px;padding:0 2px}.message-actions{position:absolute;top:-.75rem;right:.5rem;display:none;gap:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:2px}.message:hover .message-actions,.message:focus-within .message-actions{display:flex}.action-btn{background:none;border:none;border-radius:6px;color:var(--text-muted);font-size:.9rem;padding:.2rem .4rem}.action-btn:hover{background:var(--bg-hover);color:var(--text-bright)}.reaction-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:10;display:flex;gap:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 6px 20px #00000073}.picker-emoji{background:none;border:none;border-radius:6px;font-size:1.15rem;line-height:1;padding:.3rem}.picker-emoji:hover{background:var(--bg-hover)}.reaction-pills{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.reaction-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.85rem;line-height:1;padding:.25rem .55rem}.reaction-pill:hover{border-color:var(--text-muted)}.reaction-pill.mine{background:color-mix(in srgb,var(--accent) 25%,var(--bg-input));border-color:var(--accent)}.reaction-count{color:var(--text-muted);font-size:.8rem}.reaction-pill.mine .reaction-count{color:var(--text-bright)}.thread-link{display:inline-block;background:none;border:none;color:var(--accent);filter:brightness(1.4);font-size:.85rem;font-weight:600;padding:.15rem 0;margin-top:.15rem}.thread-link:hover{text-decoration:underline}.chat-layout.thread-open{grid-template-columns:240px minmax(0,1fr) minmax(300px,24rem)}.thread-panel{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--border);background:var(--bg)}.thread-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:.75rem 1rem}.thread-header h2{font-size:1rem;margin:0;color:var(--text-bright)}.thread-close{background:none;border:none;border-radius:6px;color:var(--text-muted);font-size:1.3rem;line-height:1;padding:.1rem .4rem}.thread-close:hover{background:var(--bg-hover);color:var(--text-bright)}.thread-messages{padding:.75rem 1rem}.thread-panel .composer{padding:0 1rem 1rem}.thread-divider{color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;gap:.6rem;margin:.9rem 0 .15rem}.thread-divider:after{content:"";flex:1;height:1px;background:var(--border)}.composer{display:flex;gap:.5rem;padding:0 1.25rem 1.25rem}.composer input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-bright);padding:.65rem .9rem}.composer input:focus{outline:2px solid var(--accent);border-color:transparent}.composer button{background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;padding:0 1.25rem}.composer button:disabled{opacity:.5;cursor:default}@media(max-width:768px){.chat-layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(82vw,300px);z-index:30;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 16px #00000073;padding-top:env(safe-area-inset-top)}.chat-layout.sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000080}.menu-btn{display:inline-flex}.chat-header{padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top))}.message-list{padding:.75rem .9rem}.composer{padding:0 .9rem .9rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom))}.chat-layout.thread-open{grid-template-columns:1fr}.thread-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border-left:none;padding-top:env(safe-area-inset-top)}.thread-panel .composer{padding-bottom:max(.9rem,env(safe-area-inset-bottom))}}