:root{--app-bg:#12181c;--panel:#202a31;--line:#33424a;--line-strong:#26343c;--text:#d6dee2;--text-strong:#f4f8f7;--muted:#9cafb7;--accent:#41d3bd;--accent-warm:#d99a42;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{margin:0;overflow:hidden}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{color:#061211;background:var(--accent)}.workspace{background:linear-gradient(180deg, #41d3bd14, transparent 42%), var(--app-bg);height:100svh;color:var(--text);grid-template-columns:64px 276px minmax(0,1fr);display:grid;overflow:hidden}button{font:inherit}.team-rail{border-right:1px solid var(--line-strong);background:#101417;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;display:flex}.rail-button{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;transition:background .18s,color .18s,border-color .18s;display:grid}.rail-button:hover,.rail-button.active{color:#f8fbf7;background:#203039;border-color:#334650}.rail-button.active{color:#061211;background:var(--accent);font-weight:800}.sidebar{border-right:1px solid var(--line-strong);background:#17232b;flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-title{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;min-height:78px;padding:16px 18px;display:flex}.workspace-title h1,.workspace-title p{margin:0}.workspace-title h1{color:var(--text-strong);font-size:22px;line-height:1.1}.eyebrow,.section-label{color:#9db0b9;text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700}.sidebar-search{color:#b7c4ca;background:#22313b;border:1px solid #31434e;border-radius:6px;align-items:center;gap:9px;min-height:36px;margin:14px 14px 10px;padding:0 12px;font-size:14px;display:flex}.channel-list{flex:1;min-height:0;padding:0 8px 14px;overflow:auto}.section-label{margin:18px 10px 8px}.channel-item{color:#c8d3d8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 10px;display:grid}.channel-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-item b{color:#07110f;background:#56dcc8;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid}.channel-item:hover,.channel-item.active{color:#fff;background:#2a3c47}.channel-item.active{box-shadow:inset 3px 0 0 var(--accent)}.parody-mark{color:#cfd8dc;background:#22313b;border:1px solid #354955;border-radius:8px;grid-template-columns:18px minmax(0,1fr);gap:8px;margin:0 12px 14px;padding:12px;font-size:12px;line-height:1.35;display:grid}.parody-mark svg{color:var(--accent)}.chat-shell{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#1b2830;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:0 20px;display:flex}.channel-heading{align-items:center;gap:12px;min-width:0;display:flex}.channel-heading svg{color:var(--accent)}.channel-heading h2,.channel-heading p{margin:0}.channel-heading h2{color:var(--text-strong);font-size:19px;line-height:1.25}.channel-heading p{color:var(--muted);font-size:13px}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-actions button,.composer-tools button,.thread-panel header button{color:#c4d0d6;cursor:pointer;background:#22333d;border:1px solid #344852;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:36px;height:36px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.topbar-actions button:hover,.composer-tools button:hover,.thread-panel header button:hover{background:#2a404c;border-color:#4a6573}.content-grid{flex:1;grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.conversation-column{flex-direction:column;min-width:0;min-height:0;display:flex}.topic-strip{color:#cbd5d9;border-bottom:1px solid var(--line);background:#22313a;flex:none;align-items:center;gap:10px;min-height:44px;padding:0 20px;font-size:14px;display:flex}.topic-strip svg{color:#d99a42;flex:none}.chat-log{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-height:0;padding:18px 24px 20px;overflow-y:auto}.date-rule{color:#aebdc3;text-transform:uppercase;letter-spacing:0;align-items:center;gap:14px;margin:8px 0 16px;font-size:12px;font-weight:800;display:flex}.date-rule:before,.date-rule:after{content:"";background:var(--line);flex:1;height:1px}.message{border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:10px 12px;animation:.26s both message-in;display:grid}.message:hover{background:#ffffff09}.message.mattermoist{background:#41d3bd12;border:1px solid #41d3bd29}.message.thread-starter{cursor:pointer}.message.thread-starter:hover,.message.thread-starter:focus-visible{outline-offset:-1px;background:#41d3bd1f;outline:1px solid #41d3bd6b}.restart-message{background:#d99a4214;border:1px solid #d99a4238;margin-top:10px}.restart-chat-button{border:1px solid var(--accent);color:#07110f;background:var(--accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:36px;margin-top:12px;padding:0 14px;font-weight:800;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.restart-chat-button:hover{background:#61ead6;border-color:#61ead6;transform:translateY(-1px)}.message+.message{margin-top:4px}.avatar{--avatar-color:#41d3bd;color:#07110f;background:var(--avatar-color);border-radius:8px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid;position:relative;box-shadow:inset 0 -10px 18px #00000024}.avatar svg{color:#07110f;background:#eafdf8;border-radius:999px;padding:2px;position:absolute;bottom:-5px;right:-5px}.avatar.small{border-radius:6px;width:22px;height:22px;font-size:9px}.message-body{min-width:0}.message-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-meta strong{color:var(--text-strong);font-size:15px}.message-meta span,.message-meta mark{color:#a6b7bf;font-size:12px}.message-meta mark{color:#07110f;background:#d99a42;border-radius:999px;padding:2px 7px}.message p{color:#d9e1e4;max-width:980px;margin:4px 0 0;font-size:15px;line-height:1.48}.message.mattermoist p{color:#effdfa;font-weight:560}.reactions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.reactions span,.reactions svg{color:#bcd0d7;background:#203039;border:1px solid #38525c;border-radius:999px;align-items:center;min-height:24px;font-size:12px;display:inline-flex}.reactions span{padding:0 9px}.reactions svg{justify-content:center;width:24px;padding:4px}.inline-typing{color:#aebdc3;align-items:center;gap:7px;margin:12px 12px 0;font-size:13px;display:flex}.inline-typing i,.typing-status i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite dot-pulse}.inline-typing i:nth-child(4),.typing-status i:nth-child(3){animation-delay:.12s}.inline-typing i:nth-child(5),.typing-status i:nth-child(4){animation-delay:.24s}.composer-wrap{background:linear-gradient(#202a3100,#202a31 22%);flex:none;padding:0 20px 20px}.typing-status{color:#9fb2ba;align-items:center;gap:6px;min-height:24px;font-size:13px;display:flex}.composer{background:#24343e;border:1px solid #435963;border-radius:8px;grid-template-rows:minmax(46px,1fr) 40px;min-height:96px;display:grid;overflow:hidden;box-shadow:0 18px 44px #00000038}.composer:focus-within{border-color:var(--accent)}.composer-input{color:#eef7f5;padding:14px 16px;font-size:15px;line-height:1.45}.composer-input em{color:#91a3ab;font-style:normal}.composer-input strong{vertical-align:-3px;background:var(--accent);width:2px;height:18px;margin-left:2px;animation:.82s step-end infinite cursor-blink;display:inline-block}.composer-tools{justify-content:flex-start;align-items:center;gap:8px;padding:0 10px 10px;display:flex}.custom-emoji-strip{flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.custom-emoji-strip+button{margin-left:auto}.custom-emoji-strip span{white-space:nowrap;color:#d5e2e5;background:#203039;border:1px solid #38525c;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;display:inline-flex}.composer-tools .send-button{color:#07110f;background:var(--accent);border-color:var(--accent)}.thread-drawer{border-left:1px solid var(--line);background:#1a252c;width:56px;min-height:0;transition:width .22s;position:relative}.thread-drawer.open{width:min(420px,36vw)}.thread-tab{padding:12px 8px}.thread-tab button,.thread-toast{color:#dbe5e8;cursor:pointer;background:#24343e;border:1px solid #38505b;border-radius:8px;width:100%}.thread-tab button{justify-content:center;align-items:center;gap:8px;min-height:40px;display:flex;position:relative}.thread-count{color:#07110f;background:var(--accent);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.thread-tab span{white-space:nowrap;display:none}.thread-drawer.open .thread-tab span{display:inline}.thread-panel{height:calc(100% - 64px);display:none}.thread-drawer.open .thread-panel{flex-direction:column;min-height:0;display:flex}.thread-panel header{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:0 16px;display:flex}.thread-panel h3,.thread-panel p{margin:0}.thread-panel h3{color:var(--text-strong);font-size:18px}.thread-panel header p{color:var(--muted);font-size:13px}.thread-preview{min-height:0;padding:14px 12px 22px;overflow:auto}.thread-preview .message{grid-template-columns:34px minmax(0,1fr);padding:9px 8px}.thread-preview .avatar{width:31px;height:31px;font-size:10px}.thread-preview .message p{font-size:13px}.thread-empty{color:var(--muted);font-size:14px}.thread-toast{z-index:6;text-align:left;width:264px;padding:10px 12px;transition:transform .18s,background .18s;position:absolute;bottom:118px;right:64px;transform:translate(0)}.thread-toast:hover{background:#2b404b;transform:translate(-4px)}.thread-toast span{color:var(--accent);font-size:12px;font-weight:800}.thread-toast p{color:#d9e2e5;margin:3px 0 0;font-size:13px;line-height:1.35}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}@keyframes cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.workspace{grid-template-columns:54px 232px minmax(0,1fr)}.topbar-actions span,.channel-heading p{display:none}.thread-drawer.open{width:min(360px,42vw)}}@media (width<=780px){.workspace{grid-template-columns:1fr;height:100dvh}.team-rail,.sidebar{display:none}.topbar{min-height:68px;padding:0 14px}.content-grid{grid-template-columns:minmax(0,1fr)}.thread-drawer{z-index:5;border:0;border-radius:8px;width:48px;height:48px;position:absolute;inset:auto 10px 132px auto}.thread-drawer.open{border:1px solid var(--line);width:auto;height:auto;inset:78px 10px 132px;box-shadow:0 22px 70px #0000006b}.thread-tab{padding:4px}.thread-drawer.open .thread-tab{padding:10px}.thread-toast{display:none}.topic-strip{padding:0 14px}.chat-log{padding:14px 10px 16px}.message{grid-template-columns:36px minmax(0,1fr);padding:9px 8px}.avatar{width:33px;height:33px;font-size:10px}.composer-wrap{padding:0 10px 10px}.custom-emoji-strip span{max-width:42px;padding:0 7px;overflow:hidden}}