:root{--bg: #1a1b1e;--bg-alt: #202226;--surface: #25262b;--surface-hover: #2c2e33;--border: #35373d;--text: #e9ecef;--text-dim: #909296;--text-faint: #6b6d74;--accent: #5865f2;--accent-hover: #4752c4;--danger: #ed4245;--success: #3ba55d;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}.boot{display:grid;place-items:center;height:100%;color:var(--text-dim)}.auth{display:grid;place-items:center;height:100%;padding:1.5rem;overflow-y:auto}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.auth-card h1{margin:0;font-size:1.75rem;text-align:center;letter-spacing:-.02em}.auth-subtitle{margin:-.5rem 0 .5rem;text-align:center;color:var(--text-dim)}.auth-card label{display:flex;flex-direction:column;gap:.35rem}.auth-card label>span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.auth-card small{color:var(--text-faint);font-size:.8rem}input,textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;color:var(--text);font:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.btn-primary{background:var(--accent);border:none;border-radius:6px;padding:.7rem;font-weight:600;color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-provider{display:block;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.65rem;text-decoration:none;color:var(--text);font-weight:500}.btn-provider:hover{background:var(--surface-hover)}.separator{display:flex;align-items:center;gap:.75rem;color:var(--text-faint);font-size:.8rem}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--border)}.auth-error,.input-error{background:#ed42451f;border:1px solid rgba(237,66,69,.35);border-radius:6px;padding:.6rem .75rem;color:#ff9a9c;font-size:.875rem}.auth-switch{margin:0;text-align:center;font-size:.875rem;color:var(--text-dim)}.auth-switch button{background:none;border:none;color:var(--accent);padding:0;font-weight:500}.app{display:grid;grid-template-rows:52px 1fr;height:100%}.chat{display:grid;grid-template-columns:240px 1fr 200px;min-height:0}.chat.dm-mode{grid-template-columns:260px 1fr}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:0 .75rem;background:var(--bg-alt);border-bottom:1px solid var(--border)}.top-bar-context{display:flex;align-items:center;gap:.5rem;min-width:0}.context-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.75rem;flex-shrink:0;overflow:hidden}.context-mark.round{border-radius:50%}.context-mark img{width:100%;height:100%;object-fit:cover}.context-name{font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-list{display:flex;flex-direction:column;gap:.4rem}.choice{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.85rem;text-align:left}.choice:hover{border-color:var(--accent);background:var(--surface-hover)}.choice-icon{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.choice strong{display:block;font-size:.9rem}.choice small{display:block;color:var(--text-dim);font-size:.78rem;line-height:1.35;margin-top:.15rem}.top-bar-center{display:flex;align-items:center;gap:.5rem;min-width:0}.strip{display:flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.2rem;max-width:34vw;overflow-x:auto;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip-item{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:9px;border:none;background:var(--surface);color:var(--text);font-size:.62rem;font-weight:700;display:grid;place-items:center;overflow:visible;transition:background .12s,border-radius .12s}.strip-item img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.strip-item.round{border-radius:50%}.strip-item:hover{background:var(--surface-hover)}.strip-item.active{background:var(--accent);color:#fff}.strip-item.add{background:none;border:1px dashed var(--border);color:var(--success);font-size:1rem;font-weight:400}.strip-item.add:hover{border-color:var(--success);background:var(--surface)}.strip-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border:2px solid var(--bg);border-radius:999px;padding:0 .25rem;font-size:.6rem;font-weight:700;min-width:16px;line-height:1.3}.strip-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:999px;background:#fff;border:2px solid var(--bg)}.mode-switch{display:flex;gap:.2rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.2rem}.mode-switch button{position:relative;display:flex;align-items:center;gap:.4rem;background:none;border:none;border-radius:999px;padding:.35rem 1rem;color:var(--text-dim);font-size:.875rem;font-weight:500;white-space:nowrap}.mode-switch button:hover{color:var(--text)}.mode-switch button.active{background:var(--accent);color:#fff}.switch-badge{background:var(--danger);color:#fff;border-radius:999px;padding:0 .35rem;font-size:.68rem;font-weight:700;min-width:17px;text-align:center}.switch-dot{width:7px;height:7px;border-radius:999px;background:var(--accent)}.mode-switch button.active .switch-dot{background:#fff}.top-bar-user{position:relative;justify-self:end}.user-chip{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid transparent;border-radius:999px;padding:.25rem .6rem .25rem .25rem}.user-chip:hover{background:var(--surface);border-color:var(--border)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:600;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.user-text strong{font-size:.85rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-text small,.chevron{color:var(--text-faint);font-size:.7rem}.user-menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:60;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 8px 24px #00000073}.user-menu button{background:none;border:none;border-radius:6px;padding:.5rem .65rem;text-align:left;font-size:.875rem}.user-menu button:hover{background:var(--surface-hover)}.user-menu button.danger{color:var(--danger)}.user-menu button.danger:hover{background:var(--danger);color:#fff}.menu-note{padding:.5rem .65rem;font-size:.78rem;color:var(--text-faint);line-height:1.35}.menu-separator{height:1px;background:var(--border);margin:.25rem 0}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:50;background:#b3801a;color:#fff;text-align:center;padding:.35rem;font-size:.85rem}.guild-bar{background:var(--bg-alt);display:flex;flex-direction:column;padding:.75rem 0;overflow:hidden;border-right:1px solid var(--border)}.guild-list{display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow-y:auto}.guild-icon{width:46px;height:46px;border-radius:50%;border:none;background:var(--surface);color:var(--text);font-weight:600;font-size:.85rem;display:grid;place-items:center;transition:border-radius .15s,background .15s;flex-shrink:0;overflow:hidden}.guild-icon img{width:100%;height:100%;object-fit:cover}.guild-icon:hover,.guild-icon.active{border-radius:16px;background:var(--accent)}.guild-icon.add{color:var(--success);font-size:1.3rem}.guild-bar-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar{width:38px;height:38px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:.75rem;font-weight:600}.icon-btn{background:none;border:none;color:var(--text-dim);font-size:1.1rem;padding:.25rem}.icon-btn:hover{color:var(--text)}.channel-list{background:var(--bg-alt);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.channel-list-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.channel-list-header h2{margin:0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-box{margin:.75rem;padding:.75rem;background:var(--surface);border-radius:6px;display:flex;flex-direction:column;gap:.4rem;font-size:.8rem}.invite-box code{font-size:1.05rem;letter-spacing:.08em;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.invite-box button{background:var(--accent);border:none;border-radius:4px;padding:.35rem;color:#fff;font-size:.8rem}.invite-box small{color:var(--text-faint)}.channel-scroll{flex:1;overflow-y:auto;padding:.5rem .5rem 1rem}.channel-category h3{margin:.9rem 0 .25rem .5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.channel-item{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;border-radius:4px;padding:.35rem .5rem;color:var(--text-dim);text-align:left;font-size:.9rem}.channel-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.channel-item.active{background:var(--surface);color:#fff}.channel-item:disabled{opacity:.5;cursor:default}.channel-icon{color:var(--text-faint)}.chat-main{display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:baseline;gap:.5rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-header h2{margin:0;font-size:1rem}.channel-hash{color:var(--text-faint);font-size:1.2rem}.channel-topic{margin:0;padding-left:.75rem;border-left:1px solid var(--border);color:var(--text-dim);font-size:.85rem}.message-list{flex:1;overflow-y:auto;padding:1rem 1.25rem}.load-more{display:block;margin:0 auto 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .9rem;color:var(--text-dim);font-size:.85rem}.message{display:flex;gap:.75rem;padding:.15rem 0}.message:not(.grouped){margin-top:1rem}.message.grouped .message-body{margin-left:2.75rem}.message-avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:600;flex-shrink:0}.message-body{min-width:0;flex:1}.message-body header{display:flex;align-items:baseline;gap:.5rem}.message-author{font-weight:600}.message-body time{color:var(--text-faint);font-size:.75rem}.message-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.edited{color:var(--text-faint);font-size:.75rem}.typing-indicator{color:var(--text-dim);font-size:.85rem;font-style:italic;margin:.5rem 0 0}.message-input{padding:0 1.25rem 1.25rem;position:relative;flex-shrink:0}.message-input textarea{resize:none;background:var(--surface);border-color:transparent;max-height:200px}.char-count{position:absolute;right:2rem;bottom:1.9rem;font-size:.75rem;color:var(--text-faint)}.empty-state{display:grid;place-content:center;text-align:center;height:100%;color:var(--text-dim)}.empty-state h2,.empty-state h3{margin:0 0 .35rem;color:var(--text)}.hint{color:var(--text-dim);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions button{background:none;border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem}.modal-actions .btn-primary{border-color:transparent}.message{position:relative}.message-actions{position:absolute;top:-.6rem;right:.5rem;display:none;gap:.15rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.15rem;z-index:5}.message:hover .message-actions{display:flex}.action-btn{background:none;border:none;border-radius:4px;padding:.25rem .4rem;color:var(--text-dim);font-size:.9rem;line-height:1}.action-btn:hover{background:var(--surface-hover);color:var(--text)}.action-btn.danger{background:var(--danger);color:#fff}.emoji-wrapper{position:relative}.emoji-picker{position:absolute;bottom:calc(100% + .35rem);right:0;display:flex;gap:.15rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.25rem;box-shadow:0 4px 14px #0006}.emoji-picker button{background:none;border:none;border-radius:4px;padding:.2rem .3rem;font-size:1.1rem}.emoji-picker button:hover{background:var(--surface-hover)}.message-edit textarea{background:var(--bg);resize:vertical;min-height:3rem}.message-edit small{color:var(--text-faint);font-size:.75rem}.reactions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.reaction{display:flex;align-items:center;gap:.25rem;background:var(--surface);border:1px solid transparent;border-radius:999px;padding:.1rem .5rem;font-size:.85rem}.reaction:hover:not(:disabled){border-color:var(--border)}.reaction.mine{background:#5865f22e;border-color:var(--accent)}.reaction-count{color:var(--text-dim);font-size:.75rem}.reaction.mine .reaction-count{color:var(--text)}.reply-context{display:flex;align-items:baseline;gap:.4rem;margin:.6rem 0 0 3.4rem;font-size:.8rem;color:var(--text-dim);overflow:hidden}.reply-arrow{color:var(--text-faint)}.reply-author{font-weight:600;color:var(--text)}.reply-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:6px 6px 0 0;padding:.4rem .75rem;font-size:.85rem;color:var(--text-dim);border-bottom:1px solid var(--border)}.reply-banner button{background:none;border:none;color:var(--text-dim)}.input-disabled{margin:0;padding:.7rem .75rem;background:var(--surface);border-radius:6px;color:var(--text-faint);font-size:.9rem;text-align:center}.channel-row{display:flex;align-items:center;border-radius:4px}.channel-row:hover{background:var(--surface-hover)}.channel-row.active{background:var(--surface)}.channel-row .channel-item{flex:1;background:none}.channel-row .channel-item:hover:not(:disabled){background:none}.channel-row .icon-btn.tiny{opacity:0;font-size:.8rem;padding:0 .4rem}.channel-row:hover .icon-btn.tiny{opacity:1}.danger-hover:hover{color:var(--danger)}.channel-category h3{display:flex;align-items:center;justify-content:space-between}.channel-category h3 .icon-btn.tiny{opacity:0;font-size:.85rem;padding:0 .25rem}.channel-category:hover h3 .icon-btn.tiny{opacity:1}select{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;color:var(--text);font:inherit;width:100%}.modal label{display:flex;flex-direction:column;gap:.35rem}.modal label>span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.modal small{color:var(--text-faint);font-size:.8rem}.member-list{background:var(--bg-alt);border-left:1px solid var(--border);overflow-y:auto;padding:.75rem .5rem}.member-section h3{margin:.75rem 0 .35rem .5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.member{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px}.member:hover{background:var(--surface-hover)}.member.is-offline{opacity:.45}.member-avatar{position:relative;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:600;flex-shrink:0}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-alt)}.presence-dot.on{background:var(--success)}.presence-dot.off{background:var(--text-faint)}.member-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item.dm{gap:.5rem;padding:.35rem .4rem}.dm-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.65rem;font-weight:600;flex-shrink:0}.dm-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint.small{font-size:.85rem;padding:0 .5rem}.search-results{display:flex;flex-direction:column;gap:.25rem;max-height:240px;overflow-y:auto}.search-result{display:flex;align-items:center;gap:.5rem;background:none;border:none;border-radius:6px;padding:.4rem;text-align:left}.search-result:hover{background:var(--surface-hover)}.search-result small{color:var(--text-faint);margin-left:.15rem}.profile-card{position:relative;width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.profile-banner{height:72px}.profile-avatar{position:absolute;top:40px;left:1.25rem;width:72px;height:72px;border-radius:50%;border:5px solid var(--surface);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.1rem}.profile-body{padding:2.75rem 1.25rem 1.25rem}.profile-body h3{margin:0;font-size:1.2rem}.profile-body h4{margin:1rem 0 .25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.profile-tag{margin:.1rem 0 0;color:var(--text-dim);font-size:.9rem}.profile-tag span{color:var(--text-faint)}.profile-status{margin:.5rem 0 0;font-size:.9rem}.profile-bio,.profile-meta{margin:0;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.btn-primary.full{width:100%;margin-top:1.25rem}.member{width:100%;background:none;border:none;text-align:left}.voice-controls{border-top:1px solid var(--border);padding:.6rem .75rem;background:var(--surface);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.voice-status{display:flex;align-items:center;gap:.5rem}.voice-status strong{display:block;font-size:.8rem;color:var(--success)}.voice-status small{color:var(--text-dim);font-size:.75rem}.voice-dot{width:9px;height:9px;border-radius:50%;background:var(--success);flex-shrink:0}.voice-dot.connecting,.voice-dot.reconnecting{background:#b3801a;animation:pulse 1.2s ease-in-out infinite}.voice-dot.error{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.voice-buttons{display:flex;gap:.35rem}.voice-btn{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem;font-size:1rem;line-height:1}.voice-btn:hover{background:var(--surface-hover)}.voice-btn.active{background:#ed42452e;border-color:var(--danger)}.voice-btn.danger:hover{background:var(--danger);border-color:var(--danger)}.voice-error,.channel-error{background:#ed42451f;border:1px solid rgba(237,66,69,.35);border-radius:6px;padding:.4rem .6rem;color:#ff9a9c;font-size:.78rem;margin:.25rem .5rem}.voice-participants{padding-left:1.5rem}.voice-participant{display:flex;align-items:center;gap:.4rem;padding:.2rem .4rem;position:relative}.voice-avatar{width:24px;height:24px;border-radius:50%;border:2px solid transparent;background:var(--accent);color:#fff;font-size:.6rem;font-weight:600;display:grid;place-items:center;flex-shrink:0;transition:border-color .1s}.voice-avatar.speaking{border-color:var(--success)}.voice-name{font-size:.82rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.voice-icons{display:flex;gap:.15rem;font-size:.7rem}.volume-slider{position:absolute;left:0;top:100%;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 14px #0006}.volume-slider input{width:100px}.volume-slider span{font-size:.7rem;color:var(--text-dim);min-width:36px}.channel-loading{margin-left:auto;color:var(--text-faint)}.audio-unblock{background:#b3801a;border:none;border-radius:6px;padding:.5rem;color:#fff;font-size:.82rem;font-weight:500;width:100%}.channel-item.unread{color:#fff;font-weight:600}.mention-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:999px;padding:0 .4rem;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.guild-icon{position:relative}.guild-badge{position:absolute;bottom:-2px;right:-2px;background:var(--danger);color:#fff;border:2px solid var(--bg-alt);border-radius:999px;padding:0 .3rem;font-size:.65rem;font-weight:700;min-width:18px}.guild-dot{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:999px;background:#fff}.message.mentioned{background:#faa61a14;border-left:2px solid #faa61a;margin-left:-1.25rem;padding-left:calc(1.25rem - 2px);padding-right:1.25rem}@media (max-width: 1100px){.chat{grid-template-columns:72px 240px 1fr}.member-list{display:none}}@media (max-width: 860px){.context-name,.user-text{display:none}.mode-switch button{padding:.35rem .7rem;font-size:.82rem}}@media (max-width: 780px){.chat{grid-template-columns:60px 1fr}.chat.dm-mode{grid-template-columns:1fr}.channel-list{display:none}}