:root{color:#242d39;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#35679e;--panel:#eeede7;--line:#bcc4cc;--muted:#657282;background:#e5e8ed;font-family:Segoe UI,Tahoma,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:linear-gradient(#fafaf7,#e7e6df);border:1px solid #aab3bc;border-radius:2px;padding:5px 8px;box-shadow:inset 0 1px #fff}button:hover{background:#e7eff8;border-color:#6f91b5}button:active{background:#dbe5f0;box-shadow:inset 0 1px 2px #9caebe}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:1px;outline:2px solid #35679e}input,select,textarea{background:#fff;border:1px solid #a5b5c6;border-radius:2px;min-width:0;padding:5px 7px;box-shadow:inset 0 1px 2px #263e5610}input[type=checkbox]{justify-self:start;margin:0}input[type=color]{width:100%;height:32px;padding:2px}input[type=range]{padding:0}label{gap:3px;margin:7px 0;display:grid}p{margin:6px 0;line-height:1.4}h1,h2,h3{margin:0;font-size:15px}h3{margin:12px 0 6px;font-size:13px}[hidden]{display:none!important}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px;display:block}.icon-button,.close-button{flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.primary{color:#fff;background:linear-gradient(#668db5,#396995);border-color:#2c577e}.primary:hover{background:#447aab;border-color:#204a74}.app-root,.app-shell{height:100dvh;overflow:hidden}.app-shell{flex-direction:column;display:flex}.app-toolbar{background:linear-gradient(#e7eef6,#cdd9e5);border-bottom:1px solid #9fadb9;align-items:center;gap:5px;min-height:42px;padding:4px 7px;display:flex}.app-brand{color:#274e74;margin-right:10px;font-size:17px}.app-toolbar .icon-button{color:#375a7d}.search-box{color:#71859a;background:#fff;border:1px solid #a5b5c6;border-radius:2px;align-items:center;gap:6px;width:min(280px,35vw);min-width:60px;height:32px;margin:0 auto 0 0;padding:0 7px;display:flex}.search-box input{width:100%;box-shadow:none;outline-offset:0;border:0;padding:3px 0}.channel-toggle{display:none}.layout{flex:1;grid-template-columns:190px minmax(0,1fr) 174px;min-height:0;display:grid;position:relative}.sidebar-column{border-right:1px solid var(--line);background:#e9edf2;flex-direction:column;min-height:0;display:flex}.sidebar{flex:1;padding:3px 4px;overflow:auto}.section-title{color:#566a7e;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:28px;padding:4px 6px;font-size:12px;font-weight:600;display:flex}.section-title .icon-button{width:28px;height:28px;box-shadow:none;background:0 0;border:0;flex-basis:28px}.channel{text-align:left;width:100%;min-height:30px;box-shadow:none;overflow-wrap:anywhere;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:4px;padding:4px 7px;display:flex}.channel.active{color:#204d7a;background:linear-gradient(#e7f0fc,#d2e2f4);border-color:#9fb7d1}.badge{color:#345579;background:#d4e1ef;border-radius:2px;padding:0 4px;font-size:11px}.bot{color:#536173;background:#e4e8ed}.sidebar details{margin:5px 0}.sidebar summary{cursor:pointer;color:#566a7e;text-transform:uppercase;padding:6px 8px;font-size:12px}.voice-members:empty{display:none}.voice-member{color:#637386;align-items:center;gap:6px;padding:3px 8px 3px 22px;font-size:13px;display:flex}.voice-member .icon{flex-basis:14px;width:14px;height:14px}.voice-controls{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;gap:4px;padding:5px;display:flex}.voice-controls:empty{display:none}.voice-label{color:#365675;overflow-wrap:anywhere;align-items:center;gap:6px;width:100%;padding:1px 3px;font-size:13px;display:flex}.voice-controls .icon-button{flex-basis:31px;width:31px;height:31px}.voice-controls [aria-pressed=true]{color:#8e4141;background:#f3e7e5}.conversation{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.conversation-header{background:#f4f6f8;border-bottom:1px solid #d6dce2;align-items:center;gap:7px;min-height:38px;padding:3px 8px;display:flex}.conversation-header h1{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.channel-state{color:#6c7c8d;white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.channel-state .icon{flex-basis:14px;width:14px;height:14px}.conversation-header>.icon-button{width:28px;height:28px;box-shadow:none;background:0 0;border-color:#0000;flex-basis:28px}.messages{scrollbar-color:#b3c2d1 #eff2f5;flex:1;padding:3px 10px;overflow:auto}.message{border-bottom:1px solid #f0f2f5;padding:5px 0}.message-pending{opacity:.65}.message-delivery{color:#778391;margin-left:auto}.message-meta{align-items:center;gap:6px;min-height:20px;font-size:14px;display:flex}.message-meta strong{overflow-wrap:anywhere}.message-meta time{color:#778391;white-space:nowrap;margin-left:auto;font-size:12px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:1px 0 0;font-size:15px;line-height:1.4}.message-action{color:#768392;width:24px;height:24px;box-shadow:none;opacity:0;background:0 0;border:0;flex-basis:24px}.message:hover .message-action,.message:focus-within .message-action{opacity:1}.empty-state{color:#778391;text-align:center;margin:18px 0;font-size:14px}.people{border-left:1px solid var(--line);background:#f0f2f4;padding:3px 4px;overflow:auto}.person{width:100%;min-height:38px;box-shadow:none;text-align:left;overflow-wrap:anywhere;background:0 0;border-color:#0000;align-items:center;gap:7px;padding:3px 5px;display:flex}.person .profile-avatar{object-fit:cover;border:1px solid #acbbc9;border-radius:2px;width:28px;height:28px}.person .badge{margin-left:auto}.profile-avatar{object-fit:cover;border:1px solid #acbbc9;border-radius:2px;width:72px;height:72px}.avatar-fallback{color:#527295;background:#e0e9f2;place-items:center;display:inline-grid}.avatar-fallback .icon{width:70%;height:70%}.profile-summary{align-items:center;gap:10px;margin-bottom:8px;display:flex}.composer{background:#edf0f4;border-top:1px solid #cbd4dd;grid-template-columns:32px minmax(0,1fr) 32px;align-items:end;gap:6px;padding:6px;display:grid}.composer textarea{resize:none;width:100%;min-height:32px;max-height:160px;padding:5px 7px;line-height:20px}.command-hints{background:#f0f4f8;flex-wrap:wrap;gap:3px;display:flex}.command-hints:not(:empty){border-top:1px solid #ccd8e4;padding:5px}.command-hints button{padding:4px 6px;font-size:13px}.statusbar{border-top:1px solid var(--line);background:var(--panel);color:#52667b;white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;font-size:12px;overflow:hidden}.statusbar:empty{display:none}.streams{background:#1d2734;gap:4px;display:flex;overflow:auto}.streams:empty{display:none}.streams video{object-fit:contain;max-width:100%;height:220px}.attachment-card{background:#f1f6fb;border:1px solid #bdcddd;border-radius:2px;flex-wrap:wrap;align-items:center;gap:6px;max-width:480px;margin:3px 0;padding:5px 7px;display:flex}.attachment-card strong{overflow-wrap:anywhere}.attachment-card span{color:#60748a;font-size:12px}.attachment-card button{margin-left:auto}.window{background:var(--panel);border:1px solid #9fadb9;border-radius:3px;box-shadow:0 4px 14px #172e4933}.titlebar{color:#2f4d6b;background:linear-gradient(#e7eef6,#cdd9e5);border-bottom:1px solid #aab8c6;justify-content:space-between;align-items:center;min-height:36px;padding:3px 4px 3px 10px;font-weight:600;display:flex}.close-button{box-shadow:none;background:0 0;border:0;font-size:23px}.modal{color:#242d39;width:380px;max-width:calc(100vw - 16px);max-height:90dvh;padding:0}.modal::backdrop{background:#18293b44}.dialog-body{max-height:calc(90dvh - 38px);padding:9px 12px;overflow:auto}.dialog-body>.icon-button{margin:4px 4px 4px 0}.control-row{align-items:flex-end;gap:5px;margin:7px 0;display:flex}.control-row label{flex:1;margin:0}.control-row select,.control-row input{width:100%;min-height:32px}.hint{color:#637487;font-size:12px}.sound-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.sound-grid button{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:60px;padding:4px;font-size:12px;display:flex;overflow:hidden}.sound-grid button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.login-root{background:#e5e8ed;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100dvh;padding:12px;display:grid}.login-panel{background:var(--panel);border:1px solid #afb9c3;border-radius:3px;width:320px;min-width:0;max-width:100%;padding:14px;box-shadow:0 2px 8px #263a501f}.login-panel h1{color:#345878;margin-bottom:10px;font-size:20px}.login-form{gap:7px;display:grid}.auth-modes{gap:4px;margin-bottom:3px;display:flex}.auth-tab{flex:1;justify-content:center;align-items:center;gap:6px;height:32px;display:flex}.auth-tab[aria-pressed=true]{color:#2a567e;background:#dae6f2;border-color:#8daac8}.voice-label:after{content:"●";color:#94814a;margin-left:auto;font-size:11px}.voice-label[data-state=connected]:after{color:#428354}.permission-help{font-size:13px;font-weight:400}.permission-help summary{cursor:pointer;list-style:none}.permission-help p{max-width:260px;font-size:13px}.auth-field{color:#5c738b;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;margin:0;display:grid}.auth-field input{width:100%;height:32px}.auth-field:has(button){grid-template-columns:18px minmax(0,1fr) 32px}.auth-status{color:#935045;overflow-wrap:anywhere;font-size:13px}.auth-status:empty{display:none}.login-form>.primary{justify-self:end}@media (width<=960px){.layout{grid-template-columns:184px minmax(0,1fr)}.people{display:none}}@media (width<=650px){.app-toolbar{gap:4px;padding:4px}.app-brand{display:none}.channel-toggle{display:inline-grid}.search-box{flex:1;width:auto}.layout{grid-template-columns:minmax(0,1fr)}.sidebar-column{z-index:2;width:210px;display:none;position:absolute;inset:0 auto 0 0;box-shadow:3px 0 8px #283e5633}.channels-open .sidebar-column{display:flex}.messages{padding:3px 8px}.message-meta{gap:4px}.message-action{opacity:1}.streams video{height:170px}}@media (hover:none){.message-action{opacity:1}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}