:root{--accent: #9147ff;--danger: #e0153a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:transparent;overflow:hidden;font-family:Inter,system-ui,sans-serif}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#cfcfe0;font-size:14px;background:#0a081099}.boot button{padding:6px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font:inherit}.boot-pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.lc{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--chat-bg, transparent);font-family:var(--chat-font, Inter, system-ui, sans-serif);font-size:var(--chat-size, 15px);line-height:1.34;-webkit-font-smoothing:antialiased}.lc.dark{color:#efeff1;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.85)}.lc.light{color:#0b0b0d;text-shadow:0 1px 1px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.85)}.lc-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 12px 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px);mask-image:linear-gradient(to bottom,transparent 0,#000 30px)}.lc-scroll::-webkit-scrollbar{width:8px}.lc-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:8px}.lc-list{display:flex;flex-direction:column;gap:1px;min-height:100%;justify-content:flex-end}.msg{position:relative;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere;word-break:break-word}.msg.row-even{background:#00000038}.msg.row-odd{background:#ffffff08}.lc.light .msg.row-even{background:#0000000f}.lc.light .msg.row-odd{background:#00000005}.msg.role-mod{background:#00ad0326}.msg.role-vip{background:#9147ff29}.lc.light .msg.role-mod{background:#008c0029}.lc.light .msg.role-vip{background:#7c3aed26}.msg.highlight{background:#ffd16629;border-left:3px solid #ffd166;padding-left:7px}.lc.light .msg.highlight{background:#d69e002e;border-left-color:#d69e00}.msg.reward-points{background:#9147ff29;border-left:3px solid var(--accent);padding-left:7px}.msg.reward-highlight{background:#1fb6ff24;border-left:3px solid #1fb6ff;padding-left:7px}.msg.reward-bits{background:#cc6ce729;border-left:3px solid #cc6ce7;padding-left:7px}.msg.reward-powerup{background:#ff75e626;border-left:3px solid #ff75e6;padding-left:7px}.msg.deleted{opacity:.45}.msg.deleted .name,.msg.deleted .body,.msg.deleted .sep,.msg.deleted .reward-tag,.msg.deleted .bits-tag,.msg.deleted .powerup-tag,.msg.deleted .chan-tag{text-decoration:line-through}.msg.deleted .body .emote{opacity:.5}.ts{opacity:.55;font-size:.82em;margin-right:5px;font-variant-numeric:tabular-nums}.plogo{width:1em;height:1em;display:inline-block;vertical-align:-.13em;margin-right:4px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.name{font-weight:700}.sep{opacity:.85}.chan-tag{font-size:.72em;font-weight:800;letter-spacing:.02em;padding:0 5px;margin-right:4px;border-radius:5px;background:#ffffff1a;white-space:nowrap;vertical-align:.04em}.lc.light .chan-tag{background:#00000014}.emote{display:inline-block;vertical-align:middle;height:1.6em;margin:-.25em 1px}.badge,.reward-tag{display:inline-flex;align-items:center;vertical-align:middle;margin-right:3px}.badge svg,.reward-tag svg{width:.92em;height:.92em;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.badge-img{height:1.1em;width:auto;vertical-align:-.15em;margin-right:3px;border-radius:3px;image-rendering:auto}.reward-tag{color:var(--accent);gap:2px}.reward-name{font-weight:800;font-size:.82em;letter-spacing:.01em;white-space:nowrap}.bits-tag{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;margin-right:4px;color:#cc6ce7;font-weight:800;font-size:.82em}.bits-tag svg{width:.92em;height:.92em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.powerup-tag{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;margin-right:4px;color:#ff75e6;font-weight:800;font-size:.82em;text-transform:capitalize;white-space:nowrap}.powerup-tag svg{width:.92em;height:.92em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.sys{align-self:stretch;margin:3px 0;padding:3px 8px;border-radius:7px;font-size:.92em;font-weight:600;background:#ffffff14;border-left:3px solid var(--accent)}.lc.light .sys{background:#0000000f}.anim{animation:chatIn .18s ease-out}@keyframes chatIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.anim{animation:none}}.mod-actions{position:absolute;top:1px;left:4px;display:none;gap:2px;background:#0c0814eb;border-radius:7px;padding:2px;text-shadow:none}.msg:hover .mod-actions{display:inline-flex}.mod-actions button{display:inline-flex;padding:3px;border:none;border-radius:5px;cursor:pointer;background:transparent;color:#cdb8ff}.mod-actions button:hover{background:#ffffff24;color:#fff}.mod-actions button.danger:hover{background:var(--danger)}.mod-actions svg{width:14px;height:14px}.jump{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border:none;border-radius:999px;cursor:pointer;background:#9147ffeb;color:#fff;font:inherit;font-size:.82em;font-weight:700;box-shadow:0 4px 14px #00000073;text-shadow:none}.jump:hover{background:var(--accent)}.jump-icon{width:1.1em;height:1.1em}.unread{background:#00000059;border-radius:999px;padding:0 6px;font-size:.9em}.controls{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s;text-shadow:none}.lc:hover .controls{opacity:1}.gear{display:inline-flex;padding:5px;border:none;border-radius:8px;cursor:pointer;background:#00000080;color:#d7d7e0}.gear:hover{background:#000000b8}.gear-icon{width:1.05em;height:1.05em}.popover{position:absolute;top:110%;right:0;min-width:175px;background:#120c1cf7;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:2px;color:#efeff1}.popover-title{font-size:.78em;font-weight:700;opacity:.6;margin:2px 4px 4px;text-transform:uppercase;letter-spacing:.04em}.popover-row{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:7px;cursor:pointer;font-size:.9em}.popover-row:hover{background:#ffffff14}.popover-logo{width:1.05em;height:1.05em}.popover-reset{margin-top:4px;padding:5px;border:none;border-radius:7px;cursor:pointer;background:#ffffff14;color:#cfcfe0;font:inherit;font-size:.82em}.popover-reset:hover{background:#ffffff29}.status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;text-align:center;font-size:.9em;font-weight:600;padding:6px 12px;border-radius:9px;background:#0000008c;color:#d7d7e0;text-shadow:none}.status.warn{background:#e0153a38;color:#ffd9e0;border:1px solid rgba(224,21,58,.5)}.server-error{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:5;max-width:calc(100% - 20px);display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:9px;background:#e0153af0;color:#fff;font-size:.8em;font-weight:700;line-height:1.25;box-shadow:0 4px 16px #00000080;text-shadow:none}.server-error-icon{width:1.1em;height:1.1em;flex-shrink:0}.server-error-close{display:inline-flex;padding:2px;margin-left:2px;border:none;border-radius:6px;background:#0000002e;color:#fff;cursor:pointer;flex-shrink:0}.server-error-close:hover{background:#0006}.server-error-close-icon{width:1em;height:1em}.dock{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,rgba(8,6,14,.85),rgba(8,6,14,.4) 70%,transparent);text-shadow:none;opacity:.35;transition:opacity .15s}.lc:hover .dock,.dock:focus-within{opacity:1}.channel-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chan-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;line-height:1.2;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#efeff1;font:inherit;font-size:.8em;cursor:default;-webkit-user-select:none;user-select:none}.chan-pill.selectable{cursor:pointer;opacity:.72}.chan-pill.selectable:hover{opacity:1;border-color:#ffffff4d;background:#ffffff1f}.chan-pill.on{opacity:1;border-color:#ffffff80;background:#ffffff29}.chan-pill.offline{opacity:.5}.chan-check{width:13px;height:13px;margin:0;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}.chan-pill-label{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}.chan-logo{width:1.05em;height:1.05em;flex-shrink:0}.chan-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chan-lock{width:.9em;height:.9em;flex-shrink:0;opacity:.7}.chan-badge{font-size:.82em;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:5px;color:#ff8095;background:#e0153a29}.chan-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}.chan-dot.online{background:#34d058;box-shadow:0 0 6px #34d058b3}.chan-dot.connecting{background:#f5c451;animation:chan-pulse 1.4s ease-in-out infinite}@keyframes chan-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.chan-dot.connecting{animation:none}}.login-block{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1px dashed rgba(255,255,255,.28);background:#14101eeb;color:#cfcfe0;font-size:.9em}.login-block-text{flex:1;min-width:0}.login-block-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-size:.92em;font-weight:700;cursor:pointer;flex-shrink:0}.login-block-btn:disabled{opacity:.5;cursor:default}.login-block-icon{width:15px;height:15px}.composer-targets{font-size:.78em;opacity:.75;padding:0 2px 2px;line-height:1.3}.composer-row{display:flex;align-items:center;gap:6px}.popover-count{margin-left:auto;opacity:.5;font-size:.8em}.composer-input{flex:1;min-width:0;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#14101eeb;color:#fff;font:inherit;font-size:.92em}.composer-input:disabled{opacity:.55;cursor:not-allowed}.composer-input:focus{outline:none;border-color:var(--accent)}.composer-send{display:inline-flex;padding:8px;border:none;border-radius:10px;cursor:pointer;background:var(--accent);color:#fff}.composer-send:disabled{opacity:.4;cursor:default}.composer-send svg{width:16px;height:16px}.slash-suggest{margin-bottom:6px;background:#120c1cf7;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;max-height:180px;overflow-y:auto}.slash-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;width:100%;text-align:left;padding:6px 10px;border:none;background:transparent;color:#efeff1;cursor:pointer;font:inherit;font-size:.85em}.slash-item:hover{background:#ffffff14}.slash-cmd{font-weight:700;color:#cdb8ff}.slash-args{opacity:.6;font-size:.9em}.slash-desc{color:#b9b9c8;font-size:.9em}.slash-mod{font-size:.7em;background:var(--danger);color:#fff;padding:1px 5px;border-radius:5px}.mention-item{display:block;width:100%;text-align:left;padding:6px 10px;border:none;background:transparent;color:#cdb8ff;cursor:pointer;font:inherit;font-size:.9em;font-weight:600}.mention-item:hover{background:#ffffff14}.toasts{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:20;text-shadow:none}.toast{padding:7px 14px;border-radius:9px;font-size:.82em;font-weight:600;color:#fff;box-shadow:0 4px 14px #00000073}.toast.info{background:#282436f5}.toast.success{background:#21a05af5}.toast.error{background:#e0153af5}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:50;display:flex;justify-content:flex-end;text-shadow:none}.drawer{width:min(420px,100%);height:100%;overflow-y:auto;background:#14101e;color:#efeff1;padding:16px 18px 32px;box-shadow:-8px 0 32px #00000080}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-head h2{font-size:18px;margin:0}.drawer section{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.drawer section:first-of-type{border-top:none}.drawer h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:0 0 8px;display:flex;align-items:center;gap:6px}.muted{color:#9a9aac;font-size:12px;margin:0 0 10px}.icon-btn{display:inline-flex;padding:6px;border:none;border-radius:8px;background:#ffffff0f;color:#cfcfe0;cursor:pointer}.icon-btn:hover{background:#ffffff24}.icon-btn svg,.btn svg{width:15px;height:15px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#ffffff14;color:#efeff1;cursor:pointer;font:inherit;font-size:13px;text-decoration:none}.btn:hover{background:#ffffff29}.btn.primary{background:var(--accent);border-color:transparent}.btn.primary:hover{background:#a36bff}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:default}.account-row{display:flex;align-items:center;gap:10px;padding:8px 0}.account-row.disabled{color:#777;font-size:13px}.account-label{font-weight:600;min-width:70px}.account-id{display:inline-flex;align-items:center;gap:6px;flex:1;font-size:13px;color:#cfcfe0}.avatar{width:22px;height:22px;border-radius:50%}.platform-block{display:flex;align-items:center;gap:10px;padding:6px 0}.platform-head{display:inline-flex;align-items:center;gap:6px;min-width:110px;font-size:13px;cursor:pointer}.text-input{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#00000040;color:#fff;font:inherit;font-size:13px}.text-input:focus{outline:none;border-color:var(--accent)}select.text-input{color-scheme:dark;cursor:pointer}select.text-input option{background-color:#1c1430;color:#efeff1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.field{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:13px}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0;cursor:pointer}.check.small{font-size:12px;margin:3px 0}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.events-col{display:flex;flex-direction:column}.events-head{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;opacity:.65;margin-bottom:4px}.share-row{display:flex;gap:6px;align-items:center}.share-row .text-input{flex:1}.lc-main{position:absolute;top:0;right:0;bottom:0;left:0;bottom:var(--dock-h, 0px);display:flex}.lc-chat-col,.feed{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column}.view-split .feed{border-left:1px solid rgba(255,255,255,.12)}.lc.light .view-split .feed{border-left-color:#0000001f}.feed-head,.chat-head{flex:none;display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.74em;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.7;text-shadow:none}.feed-head-icon,.chat-head-icon{width:1em;height:1em}.feed-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 10px 52px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.feed-scroll::-webkit-scrollbar{width:8px}.feed-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:8px}.feed-list{display:flex;flex-direction:column;gap:3px;min-height:100%;justify-content:flex-end}.feed-item{border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding-left:4px;background:#ffffff08}.feed-item.feed-sys{padding:4px 8px;font-size:.92em;font-weight:600;background:#ffffff12}.lc.light .feed-item{background:#00000008}.lc.light .feed-item.feed-sys{background:#0000000f}.feed-item .msg{background:transparent}.feed-empty{opacity:.5;font-size:.85em;text-align:center;padding:16px 0}.view-split .feed-scroll{padding-bottom:8px}.view-events .feed-scroll{padding-bottom:12px}.seg{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:9px;overflow:hidden}.seg button{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:none;background:transparent;color:#cfcfe0;cursor:pointer;font:inherit;font-size:12px;border-right:1px solid rgba(255,255,255,.1)}.seg button:last-child{border-right:none}.seg button.on{background:var(--accent);color:#fff}.seg button svg{width:14px;height:14px}.gear.on{background:var(--accent);color:#fff}.drawer-actions{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 0;background:linear-gradient(to top,#14101e 70%,transparent);border-top:1px solid rgba(255,255,255,.08);margin-top:6px}