@font-face{font-family:Plex;src:url('/assets/fonts/plex-sans.woff2') format('woff2');font-style:normal;font-weight:100 700;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/assets/fonts/plex-mono.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#10171e;--surface:#17212a;--surface-2:#1d2a35;--line:#2d3b47;--text:#edf2f5;--muted:#aab8c4;--accent:#99c6e7;--accent-bright:#c8e2f3;--font:Plex,'Segoe UI',sans-serif;--mono:'Plex Mono',Consolas,monospace;--green:#9dc7ab;--warm:#e4c495;scrollbar-color:#526777 var(--bg);scrollbar-width:thin}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--accent-bright)}button,input,a,textarea,summary{transition:background-color .15s,color .15s,border-color .15s}button svg,a svg,svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none;vertical-align:middle}img{max-width:100%}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}::selection{background:#355a75;color:#fff}input,textarea{caret-color:var(--accent-bright)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.25;text-wrap:balance}p{color:var(--muted)}code{font-family:var(--mono);font-size:.9em;font-variant-numeric:tabular-nums}.skip-link{position:fixed;top:10px;left:12px;transform:translateY(-180%);padding:10px 18px;background:var(--text);color:var(--bg);z-index:20}.skip-link:focus{transform:none}.site-header{background:#131c24;border-bottom:1px solid var(--line)}.header-inner{min-height:80px;width:min(1160px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;flex-shrink:0}.brand img{width:163px;height:36px}.main-nav{display:flex;align-items:center;gap:23px;align-self:stretch;font-size:14px}.main-nav>a{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--muted);white-space:nowrap}.main-nav>a:hover,.main-nav>a[aria-current]{color:var(--text)}.main-nav>.webchat-link{align-self:center;padding:6px 11px;border:1px solid #425564;color:var(--accent-bright);border-radius:3px}.webchat-link:hover{background:var(--surface-2)}.webchat-link svg{width:15px;height:15px}.mobile-home{display:none}.app{height:calc(100dvh - 81px);min-height:520px;max-width:1720px;margin:auto;padding:0 32px;display:flex;flex-direction:column}.app-heading{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-heading>div{display:flex;align-items:center;gap:20px}.app-heading h1{font-size:23px;letter-spacing:-.012em}.heading-host{color:var(--muted);font:12px var(--mono);border-left:1px solid var(--line);padding-left:20px}.connection-state{font-size:12px;color:var(--muted)}.app-heading .connection-state{gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border:1px solid #9aaab6;border-radius:50%;flex:none}.status-dot.connected{background:var(--green);border-color:var(--green)}.status-dot.connecting,.status-dot.reconnecting{background:var(--warm);border-color:var(--warm)}.quiet-button{background:none;border:1px solid var(--line);border-radius:3px;padding:5px 10px;color:var(--accent);font-size:12px}.quiet-button:hover{background:var(--surface-2)}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;flex:1;min-height:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.channel-panel,.members-panel{background:#141e27;min-height:0;display:flex;flex-direction:column}.channel-panel{border-right:1px solid var(--line);padding:0 12px;overflow-y:auto}.panel-heading{height:65px;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px}.panel-heading h2{font-size:15px}.network-caption{font-size:11px;letter-spacing:.07em;color:var(--muted)}.conversation{border:0;background:transparent;width:100%;min-height:37px;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border-radius:3px;font-size:13px;color:var(--muted)}.conversation>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation:hover,.member:hover{background:var(--surface-2);color:var(--text)}.conversation.active{background:#223340;color:var(--accent-bright)}.conversation.offline{opacity:.65}.channel-hash{font-family:var(--mono);font-size:16px;width:18px;color:var(--muted)}.rail-label{display:flex;align-items:center;justify-content:space-between;padding:22px 4px 8px 8px}.rail-label h3{font-size:12px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);width:30px;min-height:30px;padding:5px;border-radius:3px;font-size:23px;line-height:1}.icon-button:hover{background:var(--surface-2);color:var(--text)}.rail-empty{font-size:12px;padding:5px 8px 16px;line-height:1.8;color:#96a7b5}.rail-link{display:flex;align-items:center;gap:9px;width:100%;padding:9px 8px;border:0;background:transparent;font-size:12px;color:var(--muted);text-align:left}.rail-link:hover{color:var(--accent-bright);background:var(--surface-2)}.rail-link svg{width:15px;height:15px}.private-label{padding-top:25px}.rail-bottom{margin-top:auto;border-top:1px solid var(--line);padding:12px 0}.x-mark{font-family:var(--mono);font-size:17px;color:var(--accent);width:17px;display:inline-block}.unread{margin-left:auto;border-radius:3px;background:#385266;color:var(--text);font:11px var(--mono);padding:1px 5px}.unread.highlight{background:#665039;color:#ffdeb4}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.chat-heading{min-height:65px;max-height:120px;border-bottom:1px solid var(--line);padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-heading>div:first-child{min-width:0}.chat-heading h2{font-size:16px;overflow-wrap:anywhere}.chat-heading p{margin-top:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{display:flex;gap:3px;flex-shrink:0}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.connect-panel{padding:32px 32px 28px;max-width:570px;margin:auto}.welcome-mark{width:37px;height:37px;margin-bottom:16px}.connect-panel h2{font-size:29px;letter-spacing:-.025em;font-weight:500;margin-bottom:10px}.welcome-copy{font-size:14px;line-height:1.75;margin-bottom:25px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.field>label,.directory-heading{font-size:12px;color:var(--text);font-weight:500}.field label span{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}input:not([type=checkbox]),textarea{width:100%;min-width:0;background:#131e27;border:1px solid #3a4c5b;border-radius:3px;padding:10px 12px;color:var(--text);outline-offset:2px;line-height:1.5}input::placeholder,textarea::placeholder{color:#94a4b2;opacity:1}input:focus,textarea:focus{border-color:var(--accent)}.field-hint{color:var(--muted);font-size:11px;line-height:1.65}.inline-button{border:0;background:transparent;padding:0;color:var(--accent);font-size:inherit;text-align:left}.inline-button:hover{text-decoration:underline;text-underline-offset:3px}.auth-details{border-block:1px solid var(--line);margin:23px 0 0}.auth-details summary{cursor:pointer;display:flex;align-items:center;gap:9px;font-size:12px;min-height:49px;list-style:none}.auth-details summary::after{content:'+';font-size:18px;color:var(--muted);margin-left:8px}.auth-details[open] summary::after{content:'−'}.optional{font-size:11px;color:var(--muted);margin-left:auto}.auth-fields{padding:6px 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.auth-fields .check-label,.auth-fields p{grid-column:1/-1}.auth-fields p{margin-top:8px}.transport-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 0}.transport-row code{color:var(--accent);font-size:12px}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);cursor:pointer}.check-label input{accent-color:#91bbd9;width:15px;height:15px;margin:0;flex-shrink:0}.recommended{font-size:11px;color:var(--green);margin-left:7px}.remember{font-size:11px;margin:3px 0 21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#1b2c39;border:1px solid #4b6b80;border-radius:3px;padding:9px 14px;color:#e5f0f8;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}.button:hover{background:#345367;color:#fff}.button.primary{background:#284151}.button.primary:hover{background:#345367}.connect-submit{width:100%;justify-content:space-between;min-height:43px}.connection-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin-top:14px}.connection-note svg{width:14px;height:14px;color:var(--green)}.warning-copy{font-size:12px;color:var(--warm);padding:0 0 15px}.notice{background:#352c25;color:#f1d0ad;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;font-size:12px;border-bottom:1px solid #62503e}.notice .icon-button{flex-shrink:0}.messages{padding:18px 0;overflow-wrap:anywhere}.messages:empty{display:none}.message{display:grid;grid-template-columns:48px minmax(80px,110px) minmax(0,1fr);gap:12px;padding:6px 20px;align-items:baseline;font-size:13px;line-height:1.7}.message time{color:#92a4b3;font:11px var(--mono);font-variant-numeric:tabular-nums}.message .message-author{padding:0;border:0;background:transparent;text-align:right;color:var(--accent);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message .message-author:hover{text-decoration:underline;text-underline-offset:3px}.message-text{white-space:pre-wrap;min-width:0}.message.own{background:#182934}.message.own .message-author{color:#c8e2f3}.you-label{font-size:11px;font-weight:400;color:var(--accent);margin-left:6px}.message.mention{background:#30291f}.mention-label{font-size:11px;color:var(--warm);margin-right:8px}.message.event,.message.error{font-size:11px;padding-block:4px;color:#a0b0be}.message.event .message-text,.message.error .message-text{grid-column:2/-1}.message.error{color:#edb7a7}.message.action .message-text{font-style:italic;color:var(--accent)}.message.notice .message-text{color:#c5bdde}.date-divider{display:flex;align-items:center;gap:15px;margin:18px 22px 12px;color:var(--muted);font-size:11px}.date-divider::before,.date-divider::after{content:'';height:1px;flex:1;background:var(--line)}.composer{margin:0 20px;padding:12px 0 13px}.composer-input{display:flex;align-items:center;border:1px solid #3a4c5b;border-radius:3px;padding:5px 8px 5px 13px;background:#141f28;gap:12px}.composer-input:focus-within{border-color:var(--accent)}#composer-prefix{color:var(--muted);font-family:var(--mono)}.composer textarea{background:transparent;resize:none;border:0;padding:7px 0;min-height:35px;max-height:130px;font-size:13px}.composer textarea:focus-visible{outline:none}.send-button{border:1px solid #3a5264;border-radius:3px;background:#233d4e;padding:6px;color:var(--accent-bright);align-self:flex-end;margin-bottom:2px}.send-button:hover{background:#345367}.composer-foot{font-size:11px;display:flex;justify-content:space-between;gap:12px;color:#96a7b5;padding-top:8px}.members-panel{border-left:1px solid var(--line);padding:0 14px}.members-panel .panel-heading{padding-inline:3px}.count{font:11px var(--mono);color:var(--muted)}.member-search input{font-size:11px!important;padding:7px 9px!important;background:var(--bg)!important;border-color:var(--line)!important}.members-list{overflow-y:auto;flex:1;min-height:0;margin-top:14px}.member-group{color:var(--muted);font-size:11px;margin:15px 6px 6px}.member{display:flex;align-items:center;gap:7px;width:100%;padding:7px 7px;border:0;border-radius:3px;background:none;text-align:left;font-size:12px;min-height:34px}.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-prefix{color:var(--accent);font-family:var(--mono);min-width:12px}.member.self{background:#223340;color:var(--accent-bright)}.member .you-label{margin-left:auto}.member.away .member-name{opacity:.65}.away-label{font-size:11px;color:var(--muted)}.members-empty{text-align:center;padding:36px 0;margin:auto 0}.members-empty svg{width:27px;height:27px;color:#70899b;margin-bottom:13px}.members-empty p{font-size:12px;margin-bottom:8px}.members-empty span{font-size:11px;line-height:1.8;color:#96a7b5}.members-list:empty{flex:0}.member-legend{margin-top:auto;padding:17px 3px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.member-legend b{font:12px var(--mono);color:var(--accent);margin-right:3px}.member-legend i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:3px}.app-footer{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.identity{display:flex;align-items:center;gap:9px;min-width:0}.identity strong{font-size:11px;font-weight:500;color:var(--text);max-width:180px;overflow:hidden;text-overflow:ellipsis}.identity>span:last-child{margin-left:9px}.footer-separator{margin:0 11px}.mobile-tabs{display:none}.search-bar{display:flex;gap:10px;align-items:center;padding:10px 20px;border-bottom:1px solid var(--line);font-size:11px}.search-bar input{font-size:12px;padding:6px 8px}.search-bar label{white-space:nowrap}.conversation-empty{padding:65px 24px;text-align:center}.conversation-empty h3{font-size:18px;margin-bottom:10px}.conversation-empty p{font-size:12px}.new-messages{position:absolute;bottom:107px;left:50%;transform:translateX(-50%);border:1px solid #587c95;background:#284151;border-radius:3px;color:var(--accent-bright);padding:6px 13px;font-size:11px}dialog{background:var(--surface);color:var(--text);border:1px solid #4b5e6b;border-radius:4px;padding:26px;width:min(600px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-shadow:none}dialog::backdrop{background:#070e16bb}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.dialog-heading h2{font-size:24px;letter-spacing:-.02em}.dialog-heading .icon-button{font-size:26px}dialog>p{font-size:13px}dialog .field{margin-top:20px}.join-form{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px}.join-form .field{flex:1;margin-bottom:0}.join-form .key-field{max-width:135px}.join-form .button{min-height:43px}.directory-heading{display:flex;justify-content:space-between;margin:16px 0 10px}.directory{margin-top:14px;max-height:300px;overflow:auto}.directory-row{display:flex;gap:20px;width:100%;align-items:center;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.directory-row:hover{background:var(--surface-2)}.directory-row>span:first-child{min-width:0;flex:1}.directory-row strong{font-size:13px;font-weight:500;color:var(--accent)}.directory-row small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.directory-row>span:last-child{font-size:11px;color:var(--muted);white-space:nowrap}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.preference-row h3{font-size:14px;margin-bottom:5px}.preference-row p{font-size:12px}.preference-row .button{font-size:11px}.help-title{font-size:17px;margin:26px 0 16px}.commands{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:0 0 25px;font-size:12px}.commands dt{font-family:var(--mono);font-size:11px;color:var(--accent)}.commands dd{margin:0;color:var(--muted)}.help-link{display:inline-block;margin-top:20px;font-size:12px}.dialog-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 0}.action-list{display:grid;gap:12px;margin:20px 0}.noscript{position:fixed;inset:81px 0 auto;background:var(--surface);padding:24px;border-bottom:1px solid var(--line);z-index:20}
@media(min-width:1550px){.workspace{grid-template-columns:230px minmax(0,1fr) 230px}.connect-panel{padding-top:45px;max-width:600px}.connect-panel h2{font-size:32px}.welcome-copy{font-size:15px}.message{grid-template-columns:48px 120px minmax(0,1fr);padding-inline:28px}}
@media(max-width:1100px){.header-inner{width:calc(100% - 48px)}.main-nav{gap:16px}.app{padding-inline:20px}.workspace{grid-template-columns:175px minmax(0,1fr) 175px}.connect-panel{padding:28px 24px}.connect-panel h2{font-size:26px}.network-caption{display:none}.member-legend{gap:7px;font-size:11px}.message{grid-template-columns:38px 85px minmax(0,1fr);padding-inline:16px;gap:9px}.recommended{display:none}}
@media(max-width:900px){.main-nav{gap:14px}.main-nav>a:nth-child(4),.main-nav>a:nth-child(6){display:none}.workspace{grid-template-columns:155px minmax(0,1fr) 160px}.app{padding-inline:12px}.channel-panel{padding-inline:7px}.members-panel{padding-inline:10px}.chat-heading{padding-inline:16px}.connect-panel{padding:24px 20px}.connect-panel h2{font-size:24px}.heading-host{font-size:11px}.identity>span:last-child{display:none}.message{grid-template-columns:36px minmax(0,1fr);gap:4px 10px}.message-author{text-align:left!important}.message .message-text{grid-column:2}.auth-fields{grid-template-columns:1fr}}
@media(max-width:720px){.header-inner{min-height:64px;width:calc(100% - 32px)}.brand img{width:139px;height:auto}.main-nav{display:none}.mobile-home{display:block;font-size:11px;text-decoration:none}.app{height:calc(100dvh - 65px);min-height:440px;padding:0 12px}.app-heading{min-height:59px}.app-heading h1{font-size:20px}.heading-host{display:none}.app-heading>div{gap:8px}.connection-state{font-size:11px}.quiet-button{font-size:11px;padding:5px 8px}.mobile-tabs{display:flex;border:1px solid var(--line);border-bottom:0;border-radius:3px 3px 0 0;background:#141e27;min-height:39px}.mobile-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:8px;font-size:11px;color:var(--muted)}.mobile-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent-bright);background:var(--surface)}.mobile-tabs span{font-size:11px;margin-left:5px}.workspace{display:flex;border-radius:0 0 3px 3px}.workspace>*{display:none;width:100%;border:0}.workspace[data-panel=chat] .chat-panel,.workspace[data-panel=channels] .channel-panel,.workspace[data-panel=members] .members-panel{display:flex}.channel-panel{padding-inline:16px}.members-panel{padding-inline:20px}.chat-heading{min-height:60px;padding:12px 15px}.chat-heading h2{font-size:14px}.chat-heading p{font-size:11px}.connect-panel{padding:26px 21px;max-width:490px}.welcome-mark{width:31px;height:31px;margin-bottom:13px}.connect-panel h2{font-size:26px}.welcome-copy{font-size:12px;margin-bottom:22px}.welcome-copy br{display:none}.field{margin-bottom:16px}.field label span{font-size:11px}.auth-details{margin-top:19px}.auth-fields{grid-template-columns:1fr}.transport-row{padding-block:15px}.recommended{display:inline;font-size:11px}.remember{font-size:11px}.composer{margin-inline:12px;padding-top:10px}.composer-foot{font-size:11px}.composer-hint{max-width:230px}.app-footer{font-size:11px;min-height:38px;gap:8px}#cloak-status{display:none}.footer-separator{display:none}.identity strong{font-size:11px}.member-legend{font-size:11px;gap:24px}.member{padding-block:10px;font-size:14px}.members-empty{padding:60px 0}.rail-empty{font-size:13px}.rail-link{font-size:13px;padding-block:12px}.conversation{font-size:14px;min-height:42px}.panel-heading{min-height:56px;height:56px}.private-label{padding-top:17px}.rail-label h3{font-size:13px}.search-bar{flex-wrap:wrap;padding:8px 12px;gap:7px}.search-bar input{flex:1}.search-bar label{width:100%;font-size:11px}.message{padding:7px 13px;grid-template-columns:35px minmax(0,1fr);font-size:13px}.message .message-author{text-align:left}.message .message-text{grid-column:2}.message.event .message-text{grid-column:2/-1;font-size:11px}.date-divider{margin-inline:13px}.icon-button{min-width:34px;min-height:34px}.join-form{flex-wrap:wrap}.join-form .field{flex-basis:55%}.join-form .key-field{flex-basis:35%;max-width:none}.join-form .button{width:100%}.dialog-heading h2{font-size:22px}dialog{padding:20px}.preference-row{gap:12px}.preference-row .button{white-space:normal;min-width:93px}.commands{grid-template-columns:1fr;gap:3px}.commands dd{margin-bottom:10px}.composer textarea{font-size:16px}input:not([type=checkbox]){font-size:16px}.auth-details summary{font-size:11px}.optional{font-size:11px}.new-messages{bottom:105px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.message{font-size:14px}.field>label{font-size:13px}.connection-state{font-size:12px}.skip-link:hover{color:var(--bg)}.dialog-error{color:#f1d0ad;background:#352c25;border:1px solid #62503e;padding:10px 12px;margin-bottom:16px;font-size:13px}@media(max-width:720px){.connection-state{font-size:11px}.message{font-size:14px}}

/* Connection view: keep the form visible while registering; reveal IRC panes after 001. */
.app[data-view=connect]{height:auto;min-height:calc(100dvh - 81px)}
.app[data-view=connect] .workspace{display:flex;flex:none;width:min(100%,540px);margin:12px auto 40px;overflow:visible;background:var(--surface)}
.app[data-view=connect] .chat-panel{display:flex;width:100%;min-width:0}
.app[data-view=connect] .channel-panel,.app[data-view=connect] .members-panel,.app[data-view=connect] .mobile-tabs,.app[data-view=connect] .chat-heading,.app[data-view=connect] .composer,.app[data-view=connect] .app-footer,.app[data-view=connect] .messages{display:none}
.app[data-view=connect] .chat-scroll{overflow:visible;scrollbar-gutter:auto}
.app[data-view=connect] .notice{border-radius:3px 3px 0 0}
.connect-panel{max-width:none;padding:26px 30px 24px}
.connect-panel h2{font-size:24px;letter-spacing:-.015em;margin-bottom:9px}
.welcome-copy{font-size:13px;line-height:1.6;margin-bottom:24px}
.member{min-height:28px;padding:4px 6px;gap:8px;font-size:13px;color:var(--muted)}
.member.operator{color:var(--accent-bright)}
.member.voiced{color:var(--text)}
.member.self{color:var(--accent-bright)}
.member-name{line-height:1.55}
.members-panel .panel-heading h2{font-size:13px}
.members-panel .count{font-family:var(--font);font-size:13px;color:var(--muted)}
.members-list{margin-top:10px;padding-bottom:14px}
.app[data-view=chat] .channel-panel{animation:channel-reveal .22s ease-out}
.app[data-view=chat] .members-panel{animation:members-reveal .22s ease-out}
@keyframes channel-reveal{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes members-reveal{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:720px){
  .app[data-view=connect]{min-height:calc(100dvh - 65px)}
  .app[data-view=connect] .workspace{margin:4px auto 24px;border-radius:4px}
  .connect-panel{padding:22px 20px}
  .connect-panel h2{font-size:23px}
  .welcome-copy{font-size:13px;margin-bottom:22px}
  .member{min-height:34px;padding-block:6px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.app[data-view=chat] .channel-panel,.app[data-view=chat] .members-panel{animation:none}}