:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Varela Round", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Varela Round", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--focus-ring:0 0 0 3px #aa3bff38;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-caption:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.375rem;--fs-display:1.5rem;font:var(--fs-base) / 1.5 var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}:focus-visible{box-shadow:var(--focus-ring);outline:none}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}body{margin:0}.material-icons{font-size:inherit}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.03em;margin:32px 0;font-size:clamp(2rem,4vw,3rem);line-height:1.15}@media (width<=1024px){h1{margin:20px 0}}h2{font-size:var(--fs-display);letter-spacing:-.02em;margin:0 0 8px;line-height:1.2}p{margin:0}code{font-family:var(--mono);color:var(--text-h);font-size:var(--fs-sm);background:var(--code-bg);border-radius:4px;padding:4px 8px;line-height:135%;display:inline-flex}.auth-action-btn{font:inherit;font-size:var(--fs-base);cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;transition:box-shadow .15s;display:inline-flex}.auth-action-btn:hover{box-shadow:var(--shadow)}.auth-action-btn--primary{color:#fff;background:var(--accent);border-color:var(--accent-border)}.auth-action-btn--secondary{color:var(--text-h);background:var(--social-bg)}.launch-screen__hint{text-align:center;max-width:28rem;font-size:var(--fs-base);color:var(--text);margin:0;line-height:1.45}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-page__panel{width:100%;max-width:420px}.auth-page__title{font-size:var(--fs-display);color:var(--text-h);text-align:center;margin:0 0 20px}.auth-page__back{font-size:var(--fs-sm);color:var(--text);align-items:center;gap:6px;margin-top:20px;text-decoration:none;display:inline-flex}.auth-page__back .material-icons{font-size:var(--fs-lg)}.auth-page__back:hover{color:var(--accent)}.home-shell{flex:1;min-height:100svh}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form__field{flex-direction:column;gap:6px;display:flex}.auth-form__label{font-size:var(--fs-caption);color:var(--text-h);font-weight:600}.auth-form__input{font:inherit;font-size:var(--fs-base);border:1px solid var(--border);background:var(--surface);color:var(--text-h);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:10px 12px}.auth-form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #aa3bff33}.auth-form__error{font-size:var(--fs-caption);color:#c62828;margin:0}.auth-form__hint{font-size:var(--fs-caption);color:var(--text);opacity:.85;text-align:center;margin:0}.auth-form__link{color:var(--accent);font-weight:600;text-decoration:none}.auth-form__link:hover{text-decoration:underline}.blush-home__devHint{z-index:100;font-size:var(--fs-caption);color:var(--text-h);background:#ffda78f5;border-top:1px solid #00000014;padding:8px 14px;line-height:1.35;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}@media (prefers-color-scheme:dark){.blush-home__devHint{color:#fef3c7;background:#785014f5;border-top-color:#ffffff1f}}.blush-home{background:radial-gradient(1000px 520px at 18% 10%,#ffc3d78c,#0000 60%),radial-gradient(900px 500px at 80% 24%,#d4e6ffb3,#0000 62%),radial-gradient(700px 520px at 40% 90%,#ffe8c78c,#0000 60%),linear-gradient(#ffe6ee8c,#ffffff80);justify-content:stretch;align-items:stretch;width:100%;min-height:100svh;padding:0;display:flex}.blush-home__app{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:0;border-radius:0;grid-template-columns:74px 280px 1fr 280px;width:100%;height:100svh;display:grid;overflow:hidden;box-shadow:0 10px 30px -16px #0000000a}@media (prefers-color-scheme:dark){.blush-home__app{background:#16171db8;border-color:#2e303ae6}}@media (width<=1100px){.blush-home__app{grid-template-columns:74px 260px 1fr 0}}@media (width<=860px){.blush-home__app{grid-template-columns:0 240px 1fr 0;height:100svh}}.server-rail{background:#ffffff80;border-right:1px solid #e5e4e7e6;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;display:flex}@media (prefers-color-scheme:dark){.server-rail{background:#16171d66;border-right-color:#2e303ae6}}@media (width<=860px){.server-rail{display:none}}.server-rail__btn{cursor:default;background:#f4f3eca6;border:1px solid #e5e4e7e6;border-radius:18px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 16px -10px #0000000f}.server-rail__btn--active{background:#aa3bff1f;border-color:#aa3bff66}.server-rail__icon{color:#6b6375eb;place-items:center;width:28px;height:28px;display:grid}@media (prefers-color-scheme:dark){.server-rail__icon{color:#9ca3afeb}}.server-rail__logo{width:32px;height:32px}.channel-sidebar{background:#ffffff8c;border-right:1px solid #e5e4e7e6;flex-direction:column;min-width:0;display:flex}@media (prefers-color-scheme:dark){.channel-sidebar{background:#16171d73;border-right-color:#2e303ae6}}.channel-sidebar__brand{border-bottom:1px solid #e5e4e7bf;align-items:center;gap:12px;padding:16px 16px 14px;display:flex}@media (prefers-color-scheme:dark){.channel-sidebar__brand{border-bottom-color:#2e303abf}}.channel-sidebar__brandMark{background:radial-gradient(circle at 30% 20%,#ffffffd9,#ffabab33);border:1px solid #e5e4e7cc;border-radius:18px;place-items:center;width:44px;height:44px;display:grid}.channel-sidebar__brandTitle{flex-direction:column;gap:2px;min-width:0;display:flex}.channel-sidebar__brandName{font-size:var(--fs-display);letter-spacing:-.5px;color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.05;overflow:hidden}.channel-sidebar__brandSubtitle,.channel-sidebar__brandSubtitleText{font-size:var(--fs-caption);color:var(--text);opacity:.9}.friends-btn{font:inherit;font-size:var(--fs-sm);color:var(--text-h);cursor:default;text-align:left;background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:14px;padding:10px 12px}@media (prefers-color-scheme:dark){.friends-btn{background:#1f20288c;border-color:#2e303ad9}}.channel-sidebar__brand--dm{flex-direction:column;align-items:stretch;gap:10px}.dmSidebar__titleRow{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.dmSidebar__screenTitle{font:inherit;font-size:var(--fs-base);color:var(--text);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.dmSidebar__iconBtn{width:32px;height:32px;color:var(--text-h);cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.dmSidebar__iconBtn:hover{opacity:1;background:#0000000d}.dmSidebar__iconBtn .material-icons{font-size:var(--fs-2xl)}@media (prefers-color-scheme:dark){.dmSidebar__iconBtn:hover{background:#ffffff0f}}.friends-btn--dmUnderTitle{box-sizing:border-box;width:100%}.channel-sidebar__nav--dmList{padding-top:6px}.dmSidebar__row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;margin:0 4px 2px;padding:8px 10px;display:flex}.dmSidebar__row:hover{background:#f4f3eca6}.dmSidebar__row--active{background:#aa3bff1f}.dmSidebar__avatarWrap{flex-shrink:0;position:relative}.dmSidebar__avatar{width:40px;height:40px;font-size:var(--fs-sm);color:var(--text-h);background:#aa3bff2e;border-radius:50%;place-items:center;font-weight:600;display:grid;overflow:hidden}.dmSidebar__avatar img{object-fit:cover;width:100%;height:100%}.dmSidebar__presence{box-sizing:border-box;pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.dmSidebar__presence--online{background:#4caf50;border:2px solid #fffffff5}.dmSidebar__presence--offline{background:#fffffff5;border:2px solid #9e9e9ef2}.dmSidebar__name{min-width:0;font-size:var(--fs-base);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.dmSidebar__empty{font-size:var(--fs-caption);color:var(--text);opacity:.85;margin:0 4px;padding:12px 14px 18px;line-height:1.45}@media (prefers-color-scheme:dark){.dmSidebar__row:hover{background:#2e303a73}.dmSidebar__row--active{background:#aa3bff2e}.dmSidebar__presence--online{border-color:#16171dfa}.dmSidebar__presence--offline{background:#16171dfa;border-color:#787d87f2}}.channel-sidebar__nav{flex:1;padding:14px 10px 10px;overflow:auto}.channel-sidebar__sectionTitle{font-size:var(--fs-xs);letter-spacing:.22px;color:#6b6375f2;text-transform:uppercase;padding:0 10px 10px}@media (prefers-color-scheme:dark){.channel-sidebar__sectionTitle{color:#9ca3aff2}}.channel-link{cursor:default;-webkit-user-select:none;user-select:none;color:var(--text-h);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.channel-link__hash{color:#6b6375e6;background:#f4f3ec8c;border:1px solid #e5e4e7cc;border-radius:8px;flex-shrink:0;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.channel-link__hash--title{border-radius:10px;width:30px;height:30px}@media (prefers-color-scheme:dark){.channel-link__hash{color:#9ca3afe6;background:#1f202899;border-color:#2e303acc}}.channel-link--active{background:#aa3bff17;border:1px solid #aa3bff47}.channel-link:not(.channel-link--active):hover{background:#f4f3ec73}@media (prefers-color-scheme:dark){.channel-link:not(.channel-link--active):hover{background:#1f20288c}}.channel-sidebar__user{border-top:1px solid #e5e4e7bf;align-items:center;gap:12px;padding:14px;display:flex}@media (prefers-color-scheme:dark){.channel-sidebar__user{border-top-color:#2e303abf}}.user-pill__avatar{background:radial-gradient(circle at 35% 30%,#ffffffe6,#aa3bff26);border:1px solid #e5e4e7d9;border-radius:16px;width:38px;height:38px}.user-pill__clerk{border:1px solid #e5e4e7d9;border-radius:16px;width:38px;height:38px;overflow:hidden;box-shadow:0 10px 16px -12px #0000000f}@media (prefers-color-scheme:dark){.user-pill__clerk{border-color:#2e303ad9}}.user-pill__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.user-pill__name{font-size:var(--fs-base);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-pill__status{font-size:var(--fs-xs);color:var(--text)}.chat{flex-direction:column;min-width:0;display:flex}.chat__header{border-bottom:1px solid #e5e4e7bf;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}@media (prefers-color-scheme:dark){.chat__header{border-bottom-color:#2e303abf}}.chat__channelTitle{font-size:var(--fs-2xl);color:var(--text-h);align-items:center;gap:10px;display:flex}.chat__topActions{align-items:center;gap:10px;display:flex}.icon-btn{color:#6b6375e6;cursor:default;background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.icon-btn .material-icons{font-size:var(--fs-xl)}.icon-btn--badge{cursor:pointer;position:relative}.icon-btn__badge{color:#fff;font-size:var(--fs-2xs);background:#aa3bfff2;border:2px solid #f4f3ece6;border-radius:999px;padding:5px 6px;line-height:1;position:absolute;top:-6px;right:-6px}.notifWrap{position:relative}.notifPopover{z-index:50;background:#ffffffeb;border:1px solid #e5e4e7d9;border-radius:16px;width:280px;padding:10px;position:absolute;top:42px;right:0;box-shadow:0 18px 40px #0000001f}.notifPopover__title{font-size:var(--fs-caption);color:var(--text-h);margin:2px 4px 10px}.notifPopover__empty{font-size:var(--fs-caption);color:var(--text);opacity:.85;padding:10px 6px}.notifPopover__list{gap:10px;display:grid}.notifPopover__item{background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.notifPopover__who{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-base);color:var(--text-h);flex:1;overflow:hidden}.notifPopover__actions{gap:8px;display:flex}.notifPopover__btn{font:inherit;font-size:var(--fs-xs);cursor:pointer;background:#ffffffbf;border:1px solid #e5e4e7d9;border-radius:12px;padding:8px 10px}.notifPopover__btn--accept{background:#aa3bff24;border-color:#aa3bff59}.chat__header--friends{border-bottom:1px solid #e5e4e7f2;margin-bottom:0;padding-bottom:12px}.friendsTopbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.friendsTopbar__brand{align-items:center;gap:8px;display:flex}.friendsTopbar__brandIcon{color:#6b6375f2;justify-content:center;align-items:center;display:inline-flex}@media (prefers-color-scheme:dark){.friendsTopbar__brandIcon{color:#d1d5dbf2}}.friendsTopbar__brandText{font-size:var(--fs-xl);color:var(--text-h);font-weight:700}.friendsTopbar__tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friendsTopbar__tab{font:inherit;font-size:var(--fs-sm);color:var(--text-h);cursor:pointer;background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:14px;padding:8px 12px}.friendsTopbar__tab--active{background:#aa3bff1f;border-color:#aa3bff59}.friendsTopbar__add{font:inherit;font-size:var(--fs-sm);color:var(--text-h);cursor:pointer;background:#aa3bff29;border:1px solid #aa3bff59;border-radius:14px;margin-left:0;padding:8px 12px}.friendsPanel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.friendsSearchWrap{background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:14px;align-items:center;gap:10px;margin:14px 18px 10px;padding:8px 12px;display:flex}.friendsSearchWrap__icon{opacity:.55;color:#6b6375d9;justify-content:center;align-items:center;display:inline-flex}.friendsSearchWrap__icon .material-icons{font-size:var(--fs-lg)}.friendsSearchWrap__input{font:inherit;font-size:var(--fs-sm);color:var(--text-h);background:0 0;border:none;outline:none;flex:1;min-width:0}.friendsPanel__sectionTitle{font-size:var(--fs-caption);letter-spacing:.02em;text-transform:uppercase;color:#6b6375d1;margin:8px 18px 10px;padding:0;font-weight:700}.friendsPanel__count{font-weight:700}.friendsList{flex:1;margin:0;padding:0;overflow:auto}.friendsList__empty{color:var(--text);opacity:.85;text-align:center;padding:24px}.friendsRow{background:0 0;border-bottom:1px solid #e5e4e7a6;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 18px;display:grid}.friendsRow:last-child{border-bottom:none}.friendsRow__avatarWrap{flex-shrink:0;position:relative}.friendsRow__avatar{width:44px;height:44px;color:var(--text-h);background:#aa3bff2e;border-radius:50%;place-items:center;display:grid;overflow:hidden}.friendsRow__presenceDot{box-sizing:border-box;background:#9e9e9ef2;border:3px solid #fffffff5;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.friendsRow__presenceDot--on{background:#4caf50}.friendsRow__avatar img{object-fit:cover;width:100%;height:100%}.friendsRow__meta{min-width:0}.friendsRow__name{color:var(--text-h);font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.friendsRow__status{font-size:var(--fs-caption);color:#6b6375e0;margin-top:3px}.friendsRow__status--on{color:#43a047}.friendsRow__actions{align-items:center;gap:6px;display:flex}.friendsRow__menuAnchor{position:relative}.friendsRow__iconBtn{cursor:pointer;color:#6b6375d9;background:0 0;border:none;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.friendsRow__iconBtn .material-icons{font-size:var(--fs-xl)}.friendsRow__iconBtn:hover{background:#e5e4e78c}.friendsRow__menu{z-index:40;background:#fffffffa;border:1px solid #e5e4e7e6;border-radius:12px;min-width:200px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0000001f}.friendsRow__menuItem{text-align:left;width:100%;font:inherit;font-size:var(--fs-sm);cursor:pointer;color:var(--text-h);background:0 0;border:none;border-radius:8px;padding:10px 12px;display:block}.friendsRow__menuItem:hover:not(:disabled){background:#f4f3ecd9}.friendsRow__menuItem:disabled{opacity:.45;cursor:default}.friendsRow__menuItem--danger{color:#d62839}.friendsRow__menuItem--danger:hover{background:#d6283914}.modalOverlay{z-index:80;background:#0000002e;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fffffff2;border:1px solid #e5e4e7d9;border-radius:18px;width:min(420px,100vw - 32px);padding:16px;box-shadow:0 24px 60px #00000029}.modal__title{font-size:var(--fs-lg);color:var(--text-h);margin-bottom:6px;font-weight:700}.modal__hint{font-size:var(--fs-caption);color:var(--text);opacity:.9;margin-bottom:10px}.modal__input{width:100%;font:inherit;color:var(--text-h);background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:14px;outline:none;padding:10px 12px}.modal__error{font-size:var(--fs-xs);color:#d62839;margin-top:8px}.modal__actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.modal__btn{font:inherit;font-size:var(--fs-caption);cursor:pointer;background:#ffffffbf;border:1px solid #e5e4e7d9;border-radius:14px;padding:9px 12px}.modal__btn--primary{background:#aa3bff29;border-color:#aa3bff59}.modal__btn--danger{color:#b41e2d;background:#d628391f;border-color:#d6283973}.modal__btn--danger:hover{background:#d6283933}@media (prefers-color-scheme:dark){.chat__header--friends{border-bottom-color:#2e303af2}.friendsSearchWrap{background:#1f20288c;border-color:#2e303ad9}.friendsRow{border-bottom-color:#2e303aa6}.friendsRow__presenceDot{border-color:#16171dfa}.friendsRow__iconBtn:hover{background:#2e303a8c}.friendsRow__menu{background:#16171dfa;border-color:#2e303ae6}.friendsRow__menuItem:hover:not(:disabled){background:#2e303aa6}.icon-btn{color:#9ca3afe6;background:#1f202899;border-color:#2e303ad9}}.icon-btn:hover{box-shadow:0 10px 16px -12px #0000000f}.chat__messages{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow:auto}.chat__messages--friends{gap:0;padding:0;overflow:hidden}.msg{grid-template-columns:44px 1fr;align-items:start;gap:12px;display:grid}.msg__avatar{color:#fff;width:44px;height:44px;font-size:var(--fs-lg);border:1px solid #e5e4e7d9;border-radius:18px;place-items:center;display:grid;box-shadow:0 10px 16px -12px #0000000f}.msg__bubble{--bubble-bg:linear-gradient(135deg, #f4f3ecb3, #fff9);background:var(--bubble-bg);border:1px solid #e5e4e7bf;border-radius:26px;max-width:620px;padding:16px 18px;position:relative;box-shadow:0 18px 40px -28px #0000000d,0 10px 16px -18px #0000000a}.msg__bubble:before{content:"";background:var(--bubble-bg);filter:blur(.1px);border-bottom:1px solid #e5e4e7b3;border-left:1px solid #e5e4e7b3;border-bottom-left-radius:6px;width:18px;height:18px;position:absolute;top:14px;left:-8px;transform:rotate(45deg)}@media (prefers-color-scheme:dark){.msg__bubble{--bubble-bg:linear-gradient(135deg, #1f2028c7, #16171da6);border-color:#2e303ad9}.msg__bubble:before{border-bottom-color:#2e303abf;border-left-color:#2e303abf}}.msg__meta{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.msg__threadBtn{font:inherit;font-size:var(--fs-xs);color:#6b6375f2;cursor:default;background:#ffffff8c;border:1px solid #e5e4e7d9;border-radius:999px;margin-left:auto;padding:6px 10px}@media (prefers-color-scheme:dark){.msg__threadBtn{color:#9ca3afe6;background:#16171d8c;border-color:#2e303ad9}}.msg__name{font-size:var(--fs-base);color:var(--text-h)}.msg__role{font-size:var(--fs-xs);letter-spacing:.28px;text-transform:uppercase;color:#6b6375b3}@media (prefers-color-scheme:dark){.msg__role{color:#9ca3afbf}}.msg__text{font-size:var(--fs-base);color:var(--text-h);line-height:1.35}.mdCodeBlock{background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:16px;margin:10px 0 0;padding:12px 14px;overflow:auto}@media (prefers-color-scheme:dark){.mdCodeBlock{background:#1f20288c;border-color:#2e303ad9}}.mention{background:#aa3bff1f;border:1px solid #aa3bff40;border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.msg__reactions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.msg__attachments{flex-direction:column;gap:6px;margin-top:10px;display:flex}.attachment{color:var(--text-h);font-size:var(--fs-sm);background:#ffffff8c;border:1px solid #e5e4e7d9;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:inline-flex}.attachment:hover{box-shadow:0 18px 40px -28px #0000000d}@media (prefers-color-scheme:dark){.attachment{background:#16171d8c;border-color:#2e303ad9}}.reaction{font:inherit;font-size:var(--fs-caption);cursor:default;color:var(--text-h);background:#fff9;border:1px solid #e5e4e7d9;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.reaction__count{font-size:var(--fs-xs);color:#6b6375d9}.reaction--mine{background:#aa3bff17;border-color:#aa3bff66}.reaction--add{background:#f4f3ec80}.reaction--add .material-icons{color:#d32f2ff2}@media (prefers-color-scheme:dark){.reaction{background:#16171d8c;border-color:#2e303ad9}.reaction__count{color:#9ca3afd9}.reaction--add{background:#1f20288c}}.chat__composer{padding:14px 18px 18px}.threadPanel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa6;border-left:1px solid #e5e4e7bf;flex-direction:column;width:340px;height:100%;display:flex;position:absolute;top:0;right:0}@media (prefers-color-scheme:dark){.threadPanel{background:#16171d8c;border-left-color:#2e303abf}}.threadPanel__header{border-bottom:1px solid #e5e4e7bf;justify-content:space-between;align-items:center;padding:14px;display:flex}.threadPanel__title{font-size:var(--fs-base);color:var(--text-h);font-weight:600}.threadPanel__messages{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow:auto}.threadPanel__msg{color:var(--text-h);white-space:pre-line;background:#f4f3ec73;border:1px solid #e5e4e7bf;border-radius:16px;padding:10px 12px}@media (prefers-color-scheme:dark){.threadPanel__msg{background:#1f20288c;border-color:#2e303abf}}.threadPanel__composer{border-top:1px solid #e5e4e7bf;align-items:center;gap:10px;padding:12px 14px 14px;display:flex}.composer{background:#ffffffa6;border:1px solid #e5e4e7d9;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (prefers-color-scheme:dark){.composer{background:#16171d8c;border-color:#2e303ad9}}.composer__input{font:inherit;font-size:var(--fs-base);color:var(--text-h);background:0 0;border:0;outline:none;flex:1}.composer__input::placeholder{color:#6b6375d9}@media (prefers-color-scheme:dark){.composer__input::placeholder{color:#9ca3afcc}}.composer__pill{font-size:var(--fs-xs);color:#6b6375f2;cursor:default;background:#f4f3ec8c;border:1px solid #e5e4e7d9;border-radius:999px;padding:6px 10px}@media (prefers-color-scheme:dark){.composer__pill{color:#9ca3afe6;background:#1f20288c;border-color:#2e303ad9}}.members{background:#ffffff8c;border-left:1px solid #e5e4e7e6;padding:16px 14px;overflow:auto}@media (prefers-color-scheme:dark){.members{background:#16171d73;border-left-color:#2e303ae6}}.members__title{font-size:var(--fs-xs);letter-spacing:.22px;text-transform:uppercase;color:#6b6375f2;margin-bottom:12px}@media (prefers-color-scheme:dark){.members__title{color:#9ca3aff2}}.member{cursor:default;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.member:hover{background:#f4f3ec73}@media (prefers-color-scheme:dark){.member:hover{background:#1f20288c}}.member__avatarWrap{width:40px;height:40px;position:relative}.member__avatar{color:#fff;border:1px solid #e5e4e7d9;border-radius:16px;place-items:center;width:40px;height:40px;display:grid}.member__dot{background:#9ca3af;border:2px solid #ffffffd9;border-radius:999px;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.member__dot--online{background:#34d399}@media (prefers-color-scheme:dark){.member__dot{border-color:#16171dd9}}.member__name{color:var(--text-h);font-size:var(--fs-base)}.member__sub{color:var(--text);font-size:var(--fs-xs)}