:root{color-scheme:light;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.4;font-weight:400;color:#111c2d;background:#f9f9ff;--app-bg: #f9f9ff;--surface: #ffffff;--surface-muted: #f0f3ff;--surface-soft: #e7eeff;--surface-strong: #d8e3fb;--border: #c3c6d2;--border-soft: #e2e8f0;--text: #111c2d;--muted: #434750;--faint: #737782;--accent: #063f81;--accent-soft: #d7e3ff;--accent-mid: #2b579a;--accent-strong: #001b3f;--danger: #ba1a1a;--danger-soft: #ffdad6;--success: #059669}*{box-sizing:border-box}html,body,app-root{height:100vh}body{margin:0;overflow:hidden;background:var(--app-bg);color:var(--text)}button,input,textarea,select{font:inherit}a.button{text-decoration:none}button{border:0;background:transparent;padding:0}input,textarea,select{width:100%;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--text);padding:.72rem .8rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-mid);box-shadow:0 0 0 3px #2b579a24;outline:0}textarea{resize:vertical}.material-symbols-outlined{display:inline-flex;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;text-transform:none;letter-spacing:normal;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:72px 260px minmax(0,1fr);height:100vh;overflow:hidden;background:var(--app-bg)}.shell.shell-with-participants{grid-template-columns:72px 260px minmax(0,1fr) 300px}app-participants-rail{min-width:0}.group-rail,.space-rail,.content-pane,.participants-rail{min-height:0;height:100vh}.group-rail{z-index:20;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow:hidden;border-right:1px solid var(--border);background:var(--surface-muted);padding:1rem 0}.group-rail-brand{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:var(--accent);color:#fff;box-shadow:0 2px 6px #063f8133}.group-rail-brand .material-symbols-outlined{font-size:28px}.group-rail-separator{width:2rem;height:2px;flex-shrink:0;border-radius:999px;background:#73778280;margin:.25rem 0}.group-stack{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;align-items:center;gap:.75rem;overflow:auto}.group-stack::-webkit-scrollbar,.channel-stack::-webkit-scrollbar,.participants-list::-webkit-scrollbar,.pending-list::-webkit-scrollbar{display:none}.group-item{position:relative;display:grid;width:100%;place-items:center}.group-item[draggable=true]{cursor:grab}.group-item[draggable=true]:active{cursor:grabbing}.group-item:has(.group-circle.active):before{position:absolute;left:0;width:6px;height:34px;border-radius:0 999px 999px 0;background:var(--accent);content:""}.group-circle{position:relative;display:grid;box-sizing:border-box;width:48px;height:48px;place-items:center;border:1px solid transparent;border-radius:12px;background:var(--surface-soft);color:var(--muted);cursor:pointer;font-size:1rem;font-weight:700}.group-unread-badge{position:absolute;top:-4px;right:-4px;display:inline-grid;min-width:18px;height:18px;place-items:center;border:2px solid var(--surface-muted);border-radius:999px;background:var(--accent);color:#fff;font-size:.66rem;font-weight:800;line-height:1;padding:0 .35rem}.group-circle:hover{background:var(--surface-strong)}.group-circle.active{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.group-circle.add-circle{margin-top:auto;border-radius:999px;background:transparent;border-color:var(--border)}.group-rail-footer{display:flex;align-items:center;justify-content:center}.connection-status-icon{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 2px #ffffffb3}.space-rail{z-index:10;display:flex;overflow:hidden;flex-direction:column;border-right:1px solid var(--border);background:#f4f6ff}.space-rail-header{display:flex;height:64px;align-items:center;justify-content:space-between;flex-shrink:0;gap:.8rem;border-bottom:1px solid var(--border);padding:0 1rem 0 1.25rem}.space-rail-header h2,.participants-panel-header h2{margin:0;color:var(--accent);font-size:1rem;font-weight:800}.space-rail-meta,.page-body,.small-copy{margin:.25rem 0 0;color:var(--muted);font-size:.84rem}.channel-stack{display:flex;flex:1;min-height:0;flex-direction:column;gap:.25rem;overflow:auto;padding:1rem .65rem}.rail-section-label{display:flex;align-items:center;justify-content:space-between;margin:.2rem .55rem .35rem;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.rail-section-action{display:grid;box-sizing:border-box;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:8px;color:var(--muted);cursor:pointer;opacity:.7}.rail-section-action:hover{background:var(--surface-soft);color:var(--accent);opacity:1}.channel-entry{display:flex;flex-direction:column;gap:.2rem}.channel-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:.35rem}.channel-button{display:flex;width:100%;min-width:0;align-items:center;gap:.65rem;border-radius:6px;color:var(--muted);cursor:pointer;padding:.45rem .6rem;text-align:left}.channel-button:hover{background:#edf3ff}.channel-button.active{border-left:4px solid var(--accent-mid);background:var(--accent-soft);color:var(--accent);padding-left:calc(.6rem - 4px)}.channel-icon{flex:0 0 auto;color:currentColor}.channel-button-title{min-width:0;overflow:hidden;color:currentColor;font-size:.92rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.unread-badge{display:inline-grid;min-width:22px;height:22px;margin-left:auto;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:800;padding:0 .45rem}.channel-action-button{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:var(--muted);cursor:pointer}.channel-hover-action{opacity:0;pointer-events:none;transform:translate(4px);transition:opacity .12s ease,transform .12s ease}.channel-row:hover .channel-hover-action,.channel-row:focus-within .channel-hover-action{opacity:1;pointer-events:auto;transform:translate(0)}.channel-action-button:hover{background:var(--surface-soft);color:var(--accent)}.channel-action-button.hangup{background:var(--danger-soft);color:var(--danger)}.channel-presence{display:flex;align-items:center;gap:.45rem;margin-left:2rem;color:var(--faint);font-size:.76rem}.voice-activity{display:inline-flex;height:14px;align-items:center;gap:2px;opacity:.38}.voice-activity span{width:3px;height:5px;border-radius:999px;background:var(--faint);transition:background .12s ease,height .12s ease,opacity .12s ease}.voice-activity.voice-active{opacity:1}.voice-activity.voice-active span{background:var(--success)}.voice-activity.voice-active span:nth-child(1){height:7px}.voice-activity.voice-active span:nth-child(2){height:12px}.voice-activity.voice-active span:nth-child(3){height:9px}.direct-message-label{margin-top:1.4rem}.direct-message-stack{display:flex;flex-direction:column;gap:.15rem}.direct-message-picker{display:flex;flex-direction:column;gap:.35rem;padding:0 .6rem .45rem}.direct-message-picker input{min-height:32px;border-radius:6px;padding:.45rem .55rem;font-size:.84rem}.direct-message-picker-empty{margin:0;color:var(--faint);font-size:.78rem;line-height:1.35}.direct-message-empty{margin:0;color:var(--faint);font-size:.78rem;line-height:1.35;padding:.15rem .6rem .35rem}.direct-message-row{display:flex;width:100%;align-items:center;border-radius:6px;color:var(--muted)}.direct-message-entry{display:flex;min-width:0;flex:1;align-items:center;gap:.65rem;border-radius:6px;color:inherit;cursor:pointer;padding:.45rem .6rem;font-size:.92rem;text-align:left}.direct-message-picker-entry{padding-right:0;padding-left:0}.direct-message-picker-entry:hover{background:#edf3ff}.direct-message-picker-entry.offline-direct-message{color:var(--faint);opacity:.72}.direct-message-row:hover{background:#edf3ff}.direct-message-row.active{border-left:4px solid var(--accent-mid);background:var(--accent-soft);color:var(--accent)}.direct-message-row.active .direct-message-entry{padding-left:calc(.6rem - 4px)}.direct-message-row.offline-direct-message{color:var(--faint);opacity:.64}.direct-message-row.offline-direct-message:hover,.direct-message-row.offline-direct-message.active{opacity:.82}.direct-message-name{min-width:0;overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.direct-message-remove-button{width:26px;height:26px;flex:0 0 26px;margin-right:.2rem;color:var(--faint);opacity:0}.direct-message-row:hover .direct-message-remove-button,.direct-message-row:focus-within .direct-message-remove-button{opacity:1}.direct-message-remove-button:hover{background:var(--danger-soft);color:var(--danger)}.direct-message-remove-button .material-symbols-outlined{font-size:16px}.space-rail-empty{padding:1.25rem;color:var(--muted)}.space-sync-notice,.participants-sync-notice{margin:.65rem .8rem 0;border:1px solid rgba(196,155,31,.28);border-radius:8px;background:#c49b1f14;color:#6f5510;font-size:.76rem;line-height:1.35;padding:.45rem .55rem}.participants-sync-notice{margin:0 0 .25rem}.space-rail-footer{flex-shrink:0;border-top:1px solid var(--border);background:#f4f6ff;padding:.8rem 1rem}.profile-card{display:flex;flex-direction:column;gap:.65rem}.profile-card-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.65rem}.profile-card-head strong{display:block;overflow:hidden;color:var(--text);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.profile-card-head .page-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-control-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.profile-control-bar .control-button{width:100%;height:38px;border-radius:0}.profile-control-bar .control-button+.control-button{border-left:1px solid var(--border-soft)}.profile-control-bar .control-button:hover{background:var(--surface-soft)}.avatar{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);flex:0 0 auto;font-size:.78rem;font-weight:800}.avatar-small{width:22px;height:22px;font-size:.65rem}.avatar-status{position:relative;display:inline-grid;width:max-content}.avatar-status .presence-dot{position:absolute;right:-1px;bottom:-1px;border:2px solid var(--surface)}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:999px;color:var(--muted);cursor:pointer}.icon-button:hover{background:var(--surface-soft);color:var(--text)}.icon-button.active-call-button{background:var(--danger-soft);color:var(--danger)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.control-button{border-radius:8px;background:var(--surface-muted)}.hangup-button{background:var(--danger-soft);color:var(--danger)}.content-pane{position:relative;overflow:hidden;min-width:0;background:var(--surface)}app-channel-page{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden}.mobile-back-button{display:none}.participants-rail{display:flex;min-width:0;flex-direction:column;border-left:1px solid var(--border);background:#f4f6ff}.participants-panel{display:flex;min-height:0;flex-direction:column}.participants-rail>.participants-panel:first-child{flex:1}.participants-panel-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;flex-shrink:0;gap:1rem;border-bottom:1px solid var(--border);padding:0 1.25rem}.participants-header-actions{display:inline-flex;align-items:center;gap:.35rem}.participants-close-button{display:none}.participants-count{display:inline-grid;min-width:32px;height:32px;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.85rem;font-weight:700}.participants-list,.pending-list{display:flex;min-height:0;flex-direction:column;gap:.6rem;overflow:auto;padding:1rem 1.25rem}.participants-list{flex:1}.pending-panel{max-height:42%;border-top:1px solid var(--border)}.invite-panel{border-top:1px solid var(--border)}.invite-panel-body{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.25rem}.participants-toggle-button{display:none;position:fixed;z-index:50;right:.8rem;top:14px;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 22px #063f8138}.participants-toggle-count{position:absolute;top:-5px;right:-5px;display:inline-grid;min-width:18px;height:18px;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--success);color:#fff;font-size:.66rem;font-weight:800;line-height:1;padding:0 .3rem}.participants-toggle-open{background:var(--accent-strong);color:#fff}.participants-section-title{margin:.8rem 0 .15rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.member-row,.request-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.65rem;border-radius:8px;color:var(--text)}.member-row-clickable{cursor:pointer}.member-row-clickable:hover,.member-row-clickable:focus-visible{background:#edf3ff;outline:0}.request-item{grid-template-columns:minmax(0,1fr);border:1px solid var(--border-soft);background:var(--surface);padding:.8rem}.member-row strong,.request-item strong{display:block;overflow:hidden;font-size:.9rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.member-row p,.request-item p{margin:.1rem 0 0;color:var(--faint);font-size:.78rem}.offline-member{opacity:.62}.muted-avatar{filter:grayscale(1)}.presence-dot{width:10px;height:10px;border-radius:999px}.online-dot{background:var(--success)}.offline-dot{background:#a8acb5}.status-connected{background:#16a34a}.status-disconnected{background:#d44242}.status-connecting{background:#c49b1f}.page{display:flex;min-height:100%;flex-direction:column;gap:1rem;padding:1.5rem;overflow:auto}.channel-page{flex:1;height:auto;min-height:0;padding:0;overflow:hidden}.page-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;flex-shrink:0;gap:1rem;border-bottom:1px solid var(--border);background:var(--surface);padding:0 1.75rem}.page-kicker{margin:0;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-title-line{display:flex;flex:1;min-width:0;align-items:center;gap:.75rem}.page-header h1{flex:0 0 auto;margin:0;color:var(--text);font-size:1.45rem;font-weight:750;white-space:nowrap}.page-title-separator{width:1px;height:20px;flex:0 0 auto;background:var(--border)}.page-header .page-body{min-width:0;flex:1 1 auto;max-width:min(48vw,540px);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:.3rem}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.page-grid.single-column{grid-template-columns:minmax(0,1fr)}.flat-panel{display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);padding:1rem}.flat-panel h2{margin:0;font-size:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field span{color:var(--muted);font-size:.86rem}.button-row{display:flex;flex-wrap:wrap;gap:.55rem}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--accent-mid);border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700;padding:.6rem .95rem}.button:hover{background:var(--accent-mid)}.button:disabled{cursor:not-allowed;opacity:.5}.button.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button.button-secondary:hover{background:var(--surface-muted)}.compact-button{min-height:34px;padding:.45rem .7rem}.status-pill{display:inline-flex;min-height:26px;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.76rem;padding:.2rem .55rem}.status-pill.neutral{color:var(--text)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.message-list{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;scroll-behavior:smooth;padding:1.5rem 1.5rem .85rem}app-chat-channel-view{display:flex;min-height:0;flex:1;flex-direction:column}.message-thread{display:flex;width:min(100%,880px);min-height:min-content;flex-direction:column;gap:1.1rem;margin:0 auto}.message-date-divider{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.75rem;position:relative;margin:.2rem 0}.message-date-divider:before,.message-date-divider:after{position:absolute;z-index:0;height:1px;width:100%;background:#c3c6d266;content:""}.message-date-divider:after{display:none}.message-date-divider span{position:relative;z-index:1;border:1px solid rgba(195,198,210,.4);border-radius:999px;background:var(--surface);padding:.22rem .75rem}.new-message-divider{display:flex;align-items:center;gap:1rem;color:var(--accent);font-size:.82rem;font-weight:800}.new-message-divider:before,.new-message-divider:after{height:1px;flex:1;background:var(--accent-mid);content:""}.new-message-divider span{border:1px solid var(--accent-mid);border-radius:999px;background:var(--accent-soft);padding:.35rem .9rem}.message-card{display:flex;position:relative;width:100%;gap:.8rem}.message-card.outgoing{flex-direction:row-reverse;text-align:right}.message-card.incoming{flex-direction:row}.message-card header{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.69rem;line-height:1.2}.message-card header strong{color:var(--text);font-size:.81rem;font-weight:650}.message-card.grouped-message{margin-top:-.82rem}.message-avatar{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:999px;background:#d8e3fb;color:#063f81;box-shadow:0 1px 2px #111c2d0f;font-size:.72rem;font-weight:800;margin-top:1.2rem}.message-avatar.avatar-color-1{background:#d7e3ff;color:#063f81}.message-avatar.avatar-color-2{background:#d8f3dc;color:#166534}.message-avatar.avatar-color-3{background:#fff1cc;color:#7a4f00}.message-avatar.avatar-color-4{background:#ffe0e7;color:#9f1239}.message-avatar.avatar-color-5{background:#e8ddff;color:#5b21b6}.message-avatar.avatar-color-6{background:#d6f0ff;color:#075985}.message-avatar.avatar-color-7{background:#e4e8ee;color:#334155}.hidden-avatar{visibility:hidden}.message-content{display:flex;max-width:min(80%,660px);min-width:0;flex-direction:column;gap:.28rem}.message-card.outgoing .message-content{align-items:flex-end}.status-ok,.read-dot{background:#b7bcc5}.status-failed-dot{background:var(--danger)}.message-status-button{position:absolute;top:0;right:0;z-index:2;display:inline-grid;width:10px;height:10px;border:0;background:transparent;place-items:center;cursor:pointer;padding:0}.message-status-button .status-dot{width:9px;height:9px;border-radius:5px}.message-status-button .status-connecting{background:#c5c5c5}.message-status-popover{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;width:min(320px,72vw);border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 14px 30px #111c2d29;color:var(--text);font-size:.78rem;font-weight:650;opacity:0;padding:.55rem .7rem;pointer-events:none;text-align:left;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;line-height:1.35;white-space:normal}.message-status-button:hover .message-status-popover,.message-status-button:focus-visible .message-status-popover{opacity:1;transform:translateY(0)}.message-status-button.status-failed .message-status-popover{border-color:#e5bcbc;color:var(--danger)}.message-card.outgoing header{flex-direction:row-reverse;justify-content:flex-end}.message-bubble{position:relative}.message-body{display:block;margin:0;border:1px solid rgba(195,198,210,.22);border-radius:4px 16px 16px;background:var(--surface-container-low, #f0f3ff);box-shadow:0 1px 2px #111c2d05;color:var(--text);font-size:.875rem;line-height:1.45;padding:.72rem .86rem;text-align:left}.grouped-message .message-body{padding-top:.62rem;padding-bottom:.62rem}.message-card.outgoing .message-body{border-color:transparent;border-radius:16px 4px 16px 16px;background:#d7e3ff;box-shadow:0 1px 2px #2b579a0d;color:var(--accent-strong);padding-right:1.35rem}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin:.32rem 0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:.35rem 0 .45rem;color:var(--text);font-size:1.05rem;line-height:1.25}.markdown-body h2{font-size:1rem}.markdown-body h3{font-size:.95rem}.markdown-body ul,.markdown-body ol{margin:.45rem 0;padding-left:1.25rem}.markdown-body li+li{margin-top:.15rem}.markdown-body blockquote{margin:.55rem 0;border-left:3px solid var(--accent-mid);color:var(--muted);padding:.1rem 0 .1rem .75rem}.markdown-body code{border:1px solid var(--border-soft);border-radius:6px;background:#ffffff8c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em;padding:.1rem .28rem}.markdown-body pre{overflow:auto;margin:.55rem 0;border:1px solid var(--border-soft);border-radius:10px;background:#111c2d14;padding:.75rem;text-align:left}.markdown-body pre code{border:0;background:transparent;padding:0}.markdown-body a{color:var(--accent);font-weight:750}.composer{display:flex;position:sticky;bottom:0;z-index:2;flex-shrink:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#f7f8ff;width:min(calc(100% - 4rem),820px);margin:0 auto 1.5rem}.composer-toolbar,.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.45rem .75rem}.composer-delivery-hint{min-width:0;flex:1;margin:0 .4rem;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.composer-toolbar{flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid var(--border-soft)}.composer-editor{min-height:74px}.composer textarea{min-height:74px;border:0;border-radius:0;background:transparent;box-shadow:none}.composer-tool{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:6px;color:var(--muted);cursor:pointer}.composer-tool:hover{background:var(--surface-soft);color:var(--text)}.composer-tool.active{background:var(--accent-soft);color:var(--accent)}.composer-tools-secondary{display:flex;gap:.25rem}.composer-preview{display:block;min-height:74px;color:var(--text);padding:.75rem .9rem;text-align:left}.composer-preview .empty-preview{color:var(--faint)}.send-button{min-height:34px;padding:.45rem .85rem}.error-banner{position:fixed;z-index:40;top:1rem;left:50%;display:flex;width:min(760px,calc(100vw - 2rem));align-items:center;justify-content:space-between;gap:1rem;transform:translate(-50%);border:1px solid #e5bcbc;border-radius:10px;background:var(--danger-soft);color:#7a2727;padding:.85rem 1rem}.loading-screen,.empty-page{display:grid;min-height:60vh;place-items:center;text-align:center}@media(max-width:1180px){.shell,.shell.shell-with-participants{grid-template-columns:72px 240px minmax(0,1fr)}app-participants-rail{display:none}app-participants-rail.participants-rail-open{display:block}.participants-rail{display:none}.participants-toggle-button{display:grid}.topbar-actions{margin-right:44px}app-participants-rail.participants-rail-open .participants-rail{display:flex;position:fixed;z-index:45;top:0;right:0;width:min(340px,92vw);height:100vh;box-shadow:-18px 0 34px #111c2d2e}.participants-close-button{display:inline-grid}.page-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){html,body,app-root{height:100dvh}body{overflow:hidden}.shell{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.shell.shell-with-participants{grid-template-columns:64px minmax(0,1fr)}app-group-rail{grid-column:1;grid-row:1;min-width:0}app-space-rail{grid-column:2;grid-row:1;min-width:0}.group-rail,.space-rail,.content-pane{height:100dvh;min-height:0}.group-rail{grid-column:1;grid-row:1;flex-direction:column;justify-content:flex-start;gap:.75rem;overflow:hidden;border-right:1px solid var(--border);border-bottom:0;padding:.75rem 0}.group-rail-brand,.group-circle{width:40px;height:40px;border-radius:10px}.group-rail-brand .material-symbols-outlined{font-size:24px}.group-rail-separator{display:block;width:2rem;height:2px}.group-stack{width:100%;flex-direction:column;align-items:center;gap:.5rem;padding:0;overflow:auto}.group-item{width:100%;flex:0 0 auto}.group-item:has(.group-circle.active):before{top:50%;bottom:auto;left:0;width:5px;height:30px;border-radius:0 999px 999px 0;transform:translateY(-50%)}.group-circle.add-circle{margin-top:auto}.group-rail-footer{margin-left:0}.space-rail{grid-column:2;grid-row:1;max-height:none;overflow:auto;border-right:0;border-bottom:0}.space-rail-header{height:auto;min-height:48px;padding:.55rem .85rem}.space-rail-header h2{font-size:.98rem}.channel-stack{gap:.5rem;padding:.65rem}.rail-section-label{margin-top:.35rem}.direct-message-label{margin-top:.8rem}.space-rail-footer{display:block}.content-pane{z-index:30;grid-column:2;grid-row:1;min-height:0;overflow:hidden;transform:translate(100%);transition:transform .18s ease;box-shadow:-14px 0 28px #111c2d24}.shell.mobile-main-open .content-pane{transform:translate(0)}.mobile-back-button{position:absolute;z-index:6;top:14px;left:.5rem;display:inline-grid;width:34px;height:34px;background:var(--surface);box-shadow:0 1px 4px #111c2d1f}.channel-page{flex:1;height:auto;min-height:0}.page{min-height:0;padding:1rem}.page-header{min-height:auto;align-items:center;gap:.6rem;padding:.7rem .85rem .7rem 3rem}.page-title-line{flex:1 1 auto;flex-wrap:nowrap;gap:.4rem}.page-header h1{flex:1 1 auto;max-width:100%;overflow:hidden;font-size:1.05rem;text-overflow:ellipsis}.page-title-separator,.page-header .page-body{display:none}.topbar-actions{gap:.15rem;margin-right:42px}.mobile-hidden-action{display:none}.topbar-actions .icon-button{width:34px;height:34px}.message-list{padding:.85rem .75rem .7rem}.message-thread{gap:.95rem}.message-card{gap:.6rem}.message-avatar{width:30px;height:30px;flex-basis:30px;font-size:.68rem}.message-content{max-width:calc(100% - 38px)}.message-body{font-size:.84rem;padding:.65rem .75rem}.composer{width:calc(100% - 1rem);margin:0 auto .5rem;border-radius:10px}.composer-toolbar{padding:.35rem .5rem}.composer-editor,.composer textarea{min-height:58px}.composer-footer{flex-wrap:wrap;padding:.35rem .5rem}.composer-delivery-hint{order:-1;flex-basis:100%;margin:0 0 .25rem}}