:root{--bg: #ffffff;--bg-2: #f6f7f9;--bg-3: #eceef2;--line: #e3e6eb;--text: #17191c;--text-2: #4c525b;--text-3: #8a919c;--accent: #4a5cff;--accent-soft: #eaedff;--online: #22b573;--idle: #f0a621;--dnd: #e5484d;--offline: #b6bcc6;--radius: 8px;--font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit}.muted{color:var(--text-3)}.tiny{font-size:12px}.hash{color:var(--text-3);font-weight:500;width:18px;text-align:center}.login{height:100%;display:grid;place-items:center;background:linear-gradient(160deg,#f7f8ff,#fff 60%)}.login-card{width:380px;padding:36px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #141e501a;display:flex;flex-direction:column;gap:14px;text-align:center}.wordmark{font-weight:800;letter-spacing:-.03em;font-size:22px;color:var(--accent)}.login-card h1{margin:0;font-size:22px;letter-spacing:-.02em}.login-card p{margin:0}.login-card label{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-2);display:flex;flex-direction:column;gap:6px}.login-card input{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);font-size:15px;background:var(--bg-2)}.login-card input:focus{outline:2px solid var(--accent);outline-offset:-1px;background:#fff}.primary{background:var(--accent);color:#fff;padding:11px;border-radius:var(--radius);font-weight:600}.primary:disabled{opacity:.5;cursor:default}.error{color:var(--dnd);font-size:13px}.app{height:100%;display:grid;grid-template-columns:72px 240px 1fr 240px}.rail{background:var(--bg-3);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.rail-icon{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--line);font-weight:700;transition:border-radius .15s,background .15s}.rail-icon.active,.rail-icon:hover{border-radius:16px;background:var(--accent);color:#fff;border-color:var(--accent)}.rail-icon.add{color:var(--online);font-size:24px}.rail-icon.add:hover{background:var(--online);border-color:var(--online)}.rail-sep{width:32px;height:2px;background:var(--line);border-radius:1px}.sidebar{background:var(--bg-2);display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:700;border-bottom:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;background:var(--offline)}.dot.open{background:var(--online)}.dot.connecting{background:var(--idle)}.dot.closed{background:var(--dnd)}.channel-list{flex:1;overflow-y:auto;padding:12px 8px}.category{margin-bottom:16px}.category-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:4px 8px}.channel{width:100%;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;color:var(--text-2);text-align:left}.channel:hover{background:#e9ebf0;color:var(--text)}.channel.active{background:#fff;color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000f}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-member{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 32px;font-size:14px;color:var(--text-2)}.voice-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line);background:#fff}.voice-title{color:var(--online);font-weight:600;font-size:13px}.me{height:56px;display:flex;align-items:center;gap:10px;padding:0 10px;border-top:1px solid var(--line);background:#fff}.me-name{flex:1;font-weight:600;font-size:14px;line-height:1.2}.icon{width:32px;height:32px;border-radius:6px;color:var(--text-2)}.icon:hover{background:var(--bg-3)}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--line)}.chat-head .hash{font-size:20px}.topic{color:var(--text-3);font-size:14px;border-left:1px solid var(--line);padding-left:12px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{flex:1;overflow-y:auto;padding:16px 0 8px}.channel-start{padding:16px}.channel-start-icon{width:68px;height:68px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:40px;display:grid;place-items:center;margin-bottom:8px}.channel-start h2{margin:0 0 4px;font-size:28px;letter-spacing:-.02em}.channel-start p{margin:0}.load-more{display:block;margin:0 auto 8px;color:var(--accent);font-weight:600}.msg-group{display:flex;gap:16px;padding:8px 16px 2px;margin-top:8px}.msg-group:hover{background:#fafbfc}.msg-body{min-width:0;flex:1}.msg-head{display:flex;align-items:baseline;gap:8px}.author{font-weight:600}.time{color:var(--text-3);font-size:12px}.bot-tag{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}.msg{padding:2px 0;white-space:pre-wrap;overflow-wrap:anywhere}.msg.pending{color:var(--text-3)}.msg.failed{color:var(--dnd)}.failed-tag{margin-left:8px;font-size:12px;color:var(--dnd)}.msg code{font-family:var(--mono);font-size:13px;background:var(--bg-2);border:1px solid var(--line);padding:1px 5px;border-radius:4px}.typing{height:22px;padding:0 16px;font-size:13px;color:var(--text-2);display:flex;align-items:center;gap:6px}.typing-dots i{display:inline-block;width:5px;height:5px;margin-right:2px;border-radius:50%;background:var(--text-2);animation:blink 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.composer{padding:0 16px 20px}.composer textarea{width:100%;resize:none;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);font-size:15px;line-height:1.4;max-height:200px}.composer textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;background:#fff}.empty{flex:1;display:grid;place-items:center;color:var(--text-3)}.members{background:var(--bg-2);border-left:1px solid var(--line);padding:16px 8px;overflow-y:auto}.member-group{margin-bottom:16px}.member-group.dim .member{opacity:.45}.member{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;font-weight:500;font-size:14px}.member:hover{background:#e9ebf0;opacity:1}.avatar{position:relative;flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700}.avatar .status{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-2)}.status.online{background:var(--online)}.status.idle{background:var(--idle)}.status.dnd{background:var(--dnd)}.status.offline{background:var(--offline)}@media (max-width: 900px){.app{grid-template-columns:72px 220px 1fr}.members{display:none}}.link{color:var(--accent);font-size:13px;font-weight:600;padding:4px}.link:hover{text-decoration:underline}.head-actions{display:flex;align-items:center;gap:6px}.invite{position:relative}.invite-pop{position:absolute;top:36px;left:0;z-index:10;width:280px;display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #141e501f;font-weight:400}.invite-pop input{font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg-2)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182859;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:14px;padding:24px;width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 24px 80px #141e5040;display:flex;flex-direction:column;gap:12px}.modal h2{margin:0;font-size:20px;letter-spacing:-.01em}.modal h3{margin:18px 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}.modal p{margin:0}.settings-head{display:flex;align-items:center;justify-content:space-between}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tabs button{padding:8px 12px;border-bottom:2px solid transparent;color:var(--text-2);font-weight:600}.tabs button.active{color:var(--text);border-color:var(--accent)}.section{display:flex;flex-direction:column;gap:8px}.list-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:160px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2)}.secondary{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:600}.secondary:hover{background:var(--bg-2)}.secondary:disabled{opacity:.5}.primary.small{padding:6px 10px;font-size:13px}.link.danger{color:var(--dnd)}.ok{color:var(--online);font-size:13px}.badge{font-size:11px;background:var(--accent-soft);color:var(--accent);padding:1px 6px;border-radius:4px;margin-left:6px}.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.codes code{font-family:var(--mono);font-size:14px;padding:6px 8px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;text-align:center}.nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--accent-soft);border-bottom:1px solid var(--line);font-size:14px}.alt-links{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center}.insecure{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--dnd);color:#fff;padding:8px 16px;font-size:14px;text-align:center}