:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#fff;--surface:#f5f7fa;--surface-2:#eef1f5;--border:#e2e6ec;--text:#1b2330;--muted:#5e6a7a;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-soft:#e8efff;--danger:#c81e43;--success:#15803d;--mention-bg:#fff3d1;--mention-text:#7a4a00;--code-bg:#f1f3f6;--hover:#f7f8fa;--sidebar-bg:#0f1f3d;--sidebar-bg-2:#172a4d;--sidebar-text:#b9c6da;--sidebar-strong:#fff;--sidebar-active:#1d4ed8;--rail-bg:#0a1630;--radius:8px;--shadow:0 8px 30px #0f1f3d2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14181e;--surface:#1a1f27;--surface-2:#222833;--border:#2b323d;--text:#e5e9ef;--muted:#97a2b1;--primary:#4f7cff;--primary-hover:#6b91ff;--primary-soft:#1d2a47;--mention-bg:#4a3a12;--mention-text:#ffd98a;--code-bg:#232a35;--hover:#1b2028;--sidebar-bg:#0c1424;--sidebar-bg-2:#141f35;--rail-bg:#080e1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#14181e;--surface:#1a1f27;--surface-2:#222833;--border:#2b323d;--text:#e5e9ef;--muted:#97a2b1;--primary:#4f7cff;--primary-hover:#6b91ff;--primary-soft:#1d2a47;--mention-bg:#4a3a12;--mention-text:#ffd98a;--code-bg:#232a35;--hover:#1b2028;--sidebar-bg:#0c1424;--sidebar-bg-2:#141f35;--rail-bg:#080e1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:var(--primary)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2{margin:0;line-height:1.25}.muted{color:var(--muted)}.splash,.loading{color:var(--muted);place-items:center;padding:24px;display:grid}.splash{height:100%}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--surface)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-hover)}.button.danger{color:var(--danger)}a.button{text-decoration:none}.button.small{padding:4px 10px;font-size:13px}.button.wide{width:100%}.button:disabled{opacity:.55;cursor:default}.icon-button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;line-height:1}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button.light{color:var(--sidebar-text)}.icon-button.light:hover{background:var(--sidebar-bg-2);color:var(--sidebar-strong)}input:not([type=checkbox]):not([type=radio]),textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;padding:9px 11px}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field-label{font-size:14px;font-weight:600}.field-hint{color:var(--muted);font-size:13px}.field-error{color:var(--danger);font-size:13px}.input-prefix{border:1px solid var(--border);border-radius:var(--radius);align-items:stretch;display:flex;overflow:hidden}.input-prefix span{background:var(--surface);color:var(--muted);padding:9px 4px 9px 11px}.input-prefix input{border:none!important;border-radius:0!important}.input-prefix:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-prefix input:focus{box-shadow:none}.checkbox{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.checkbox input{margin-top:4px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.button-row.end{justify-content:flex-end}.error-banner{border-radius:var(--radius);color:#8a1330;background:#fde8ec;padding:10px 12px;font-size:14px}.pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.auth-page{background:radial-gradient(1200px 500px at 50% -10%, var(--primary-soft), transparent), var(--surface);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:32px 16px;display:flex}.auth-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:16px;padding:32px;display:flex}.auth-card h1{font-size:22px}.brand{align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:-.5px;font-size:24px;font-weight:800}.auth-tagline{color:var(--muted);margin:-8px 0 0}.auth-switch{text-align:center;color:var(--muted);margin:0;font-size:14px}.auth-footer{color:var(--muted);margin-top:18px;font-size:13px}.invite-workspace{margin:0;font-size:20px;font-weight:700}.app{grid-template-columns:64px 264px minmax(0,1fr);height:100%;display:grid}.rail{background:var(--rail-bg);flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.rail-item{background:var(--sidebar-bg-2);width:40px;height:40px;color:var(--sidebar-strong);text-transform:uppercase;outline-offset:3px;border-radius:10px;place-items:center;font-size:14px;font-weight:700;text-decoration:none;display:grid;position:relative}.rail-badge{min-width:18px;box-shadow:0 0 0 2px var(--rail-bg);text-transform:none;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:-6px;right:-8px}.rail-dot{background:var(--sidebar-strong);width:10px;height:10px;box-shadow:0 0 0 2px var(--rail-bg);border-radius:50%;position:absolute;top:-3px;right:-3px}.rail-item.active{box-shadow:0 0 0 2px var(--rail-bg), 0 0 0 4px var(--sidebar-text)}.rail-add{border:1px dashed var(--sidebar-text);color:var(--sidebar-text);background:0 0;font-size:20px;font-weight:400}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 12px 10px 16px;display:flex}.workspace-name{color:var(--sidebar-strong);font-size:17px;font-weight:800}.workspace-meta{font-size:12px}.sidebar-search{background:var(--sidebar-bg-2);color:var(--sidebar-text);cursor:pointer;text-align:left;border:1px solid #ffffff1f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:10px 12px 4px;padding:6px 10px;font-size:13px;display:flex}.sidebar-search kbd{font-family:var(--font);opacity:.8;font-size:11px}.sidebar-scroll{flex:1;padding:8px 8px 16px;overflow-y:auto}.sidebar ul{margin:0;padding:0;list-style:none}.nav-heading{justify-content:space-between;align-items:center;padding:12px 8px 4px;font-size:13px;font-weight:600;display:flex}.nav-item{color:var(--sidebar-text);border-radius:6px;align-items:center;gap:8px;padding:5px 8px;text-decoration:none;display:flex}.nav-item:hover{background:var(--sidebar-bg-2)}.nav-item.unread{color:var(--sidebar-strong);font-weight:700}.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-icon{opacity:.85;place-items:center;width:18px;font-size:14px;display:inline-grid}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px}.nav-action{color:var(--sidebar-text);cursor:pointer;opacity:.8;text-align:left;background:0 0;border:none;width:100%;padding:5px 8px;font-size:14px;display:block}.nav-action:hover{opacity:1;text-decoration:underline}.user-menu{border-top:1px solid #ffffff12;padding:10px 12px;position:relative}.user-button{width:100%;color:var(--sidebar-strong);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:4px;font-weight:600;display:flex}.user-button:hover{background:var(--sidebar-bg-2)}.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popover{z-index:20;background:var(--bg);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute}.user-popover{flex-direction:column;gap:6px;display:flex;bottom:calc(100% + 4px);left:12px;right:12px}.popover-section{padding:4px}.popover-label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600}.segmented{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.segmented button{cursor:pointer;background:0 0;border:none;flex:1;padding:5px;font-size:13px}.segmented button.active{background:var(--primary);color:#fff}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 8px}.menu-item:hover{background:var(--surface)}.main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.connection-banner{color:#7a4a00;text-align:center;background:#fff4d6;padding:6px 12px;font-size:14px}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;position:relative}.nav-icon .avatar{border-radius:5px;font-size:9px!important}.presence{border:2px solid var(--sidebar-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.presence.online{background:#22c55e}.user-link-wrap{display:inline-block;position:relative}.user-link{color:inherit;font:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0}.user-link strong:hover{text-decoration:underline}.user-hovercard{flex-direction:column;gap:8px;min-width:220px;padding:12px;font-weight:400;display:flex;top:calc(100% + 4px);left:0}.user-facts{flex-direction:column;gap:2px;display:flex}.user-profile{align-items:center;gap:16px;display:flex}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;gap:4px;padding:14px;text-decoration:none;display:flex}.product-card:hover{border-color:var(--primary)}.product-icon{font-size:28px}.nav-more-item{align-items:center;gap:8px;padding:4px 12px;display:flex}.nav-more summary{cursor:pointer;color:var(--sidebar-text);padding:4px 12px;font-size:13px}.project-heading{position:relative}.project-popover{min-width:190px;top:100%;right:0}.project-popover .menu-item{text-align:left;width:100%;display:block}.project-heading.dragging{opacity:.4}.nav-item.muted{opacity:.55}.status-input{width:100%}.presence.away{background:#f59e0b}.presence.offline{border-color:var(--sidebar-text);box-shadow:inset 0 0 0 1px var(--sidebar-bg);background:0 0}.member-picker .presence,.member-list .presence,.mention-popup .presence{border-color:var(--bg)}.channel-view{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}.channel-view.with-thread{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.channel-pane{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.pane-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:flex}.pane-header h2{font-size:17px}.channel-title{flex:1;min-width:0}.channel-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.channel-topic{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px;display:block;overflow:hidden}.channel-actions{align-items:center;gap:8px;display:flex}.header-search input{width:240px;font-size:14px;background:var(--surface)!important;padding:6px 10px!important}.menu-button{font-size:20px;display:none}.message-scroll,.thread-scroll{flex:1;min-height:0;padding:8px 0 12px;overflow-y:auto}.scroll-sentinel{height:1px}.channel-intro{padding:24px 20px 12px}.channel-intro h2{margin-bottom:6px;font-size:24px}.channel-intro p{margin:4px 0}.day-divider,.unread-divider{align-items:center;gap:10px;margin:14px 20px 6px;font-size:13px;font-weight:700;display:flex}.day-divider:before,.day-divider:after,.unread-divider:before,.unread-divider:after{content:"";border-top:1px solid var(--border);flex:1}.unread-divider{color:var(--danger)}.unread-divider:before,.unread-divider:after{border-color:var(--danger)}.message{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:6px 20px;display:grid;position:relative}.message.compact{padding-top:1px;padding-bottom:1px}.message:hover{background:var(--hover)}.message.editing{background:var(--primary-soft)}.message-gutter{justify-content:center;padding-top:2px;display:flex}.message-time-hover{visibility:hidden;color:var(--muted);padding-top:3px;font-size:11px}.message:hover .message-time-hover{visibility:visible}.message-header{align-items:baseline;gap:8px;display:flex}.message-author{font-weight:700}.message-header time{color:var(--muted);font-size:12px}.message-body{overflow-wrap:anywhere}.message-body p{margin:0}.smiley{vertical-align:-2px;margin:0 1px}.message-body>*+*{margin-top:6px}.message-body h1,.message-body h2,.message-body h3,.message-body h4,.message-body h5,.message-body h6{margin:0;font-size:1em;line-height:1.3}.message-body h1{font-size:1.3em}.message-body h2{font-size:1.15em}.message-body hr{border:none;border-top:1px solid var(--border)}.message-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.message-body th,.message-body td{border:1px solid var(--border);text-align:left;padding:4px 10px}.message-body th{background:var(--code-bg)}.message-body li.task-list-item{list-style:none}.message-body li.task-list-item input{vertical-align:middle;margin:0 6px 0 -18px}.message-body code{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.88em}.message-body pre{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border);margin:6px 0;padding:10px 12px;overflow-x:auto}.message-body pre code{background:0 0;border:none;padding:0}.message-body .mermaid-diagram{margin:6px 0;overflow-x:auto}.message-body .mermaid-diagram svg{max-width:100%;height:auto}.message-body blockquote{border-left:3px solid var(--border);color:var(--muted);margin:4px 0;padding-left:12px}.message-body ul,.message-body ol{margin:4px 0;padding-left:22px}.mention{background:var(--primary-soft);color:var(--primary);border-radius:4px;padding:0 3px;font-weight:600}.mention-me{background:var(--mention-bg);color:var(--mention-text)}.message-edited{color:var(--muted);font-size:12px}.message-deleted{color:var(--muted);margin:0;font-style:italic}.message-edit textarea{resize:vertical;margin-bottom:6px}.attachments{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.kanban-card{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);flex-direction:column;align-self:flex-start;gap:2px;margin-top:6px;padding:8px 12px;display:flex}.kanban-chip{border:1px solid var(--border);border-left:3px solid var(--primary);color:inherit;border-radius:6px;padding:0 6px;font-size:.92em;text-decoration:none;display:inline-block}.kanban-chip-facts{color:var(--muted)}.kanban-card-title{font-weight:600}.kanban-card-facts{color:var(--muted);font-size:13px}.attachment-image{cursor:zoom-in;background:0 0;border:none;padding:0}.lightbox-image{object-fit:contain;max-width:100%;max-height:calc(100vh - 160px);margin:0 auto;display:block}.attachment-image img{border-radius:var(--radius);border:1px solid var(--border);max-width:min(360px,100%);max-height:260px;display:block}.attachment-file{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);align-items:center;gap:10px;min-width:220px;padding:8px 12px;font-size:14px;text-decoration:none;display:flex}.attachment-file:hover{background:var(--surface)}.attachment-icon{font-size:22px}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:13px;display:inline-flex}.reaction.mine{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.thread-link{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:8px;margin-top:4px;padding:3px 6px 3px 0;font-size:13px;display:flex}.thread-link:hover strong{text-decoration:underline}.message-actions{background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:none;position:absolute;top:-14px;right:20px;box-shadow:0 2px 8px #00000014}.message:hover .message-actions,.message-actions:focus-within{display:flex}.message-actions>button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:4px 7px;font-size:15px}.message-actions>button:hover{background:var(--surface-2);color:var(--text)}.emoji-picker{z-index:10;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;grid-template-columns:repeat(7,34px);gap:2px;padding:6px;display:grid;position:absolute;top:34px;right:0}.emoji-picker button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px;font-size:20px}.emoji-picker button:hover{background:var(--surface-2)}.pane-footer{padding:0 16px 6px}.composer{position:relative}.composer-box{border:1px solid var(--border);background:var(--bg);border-radius:10px}.composer-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.composer.dragging .composer-box{border-style:dashed;border-color:var(--primary);background:var(--primary-soft)}.composer textarea{resize:none;max-height:240px;padding:11px 12px 4px;display:block;box-shadow:none!important;background:0 0!important;border:none!important}.composer-toolbar{align-items:center;gap:6px;padding:4px 6px 6px;display:flex}.composer-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.composer-error{color:var(--danger);padding:4px 2px;font-size:13px}.upload-list{flex-wrap:wrap;gap:6px;margin:0;padding:0 10px;list-style:none;display:flex}.upload-list li{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:13px;display:flex}.upload-list li.pending{opacity:.7}.upload-list li.error{border-color:var(--danger)}.mention-popup{z-index:10;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.mention-popup button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.mention-popup button.active{background:var(--primary);color:#fff}.mention-popup button.active .muted{color:#fffc}.mention-icon{background:var(--surface-2);width:20px;height:20px;color:var(--text);border-radius:5px;place-items:center;font-weight:700;display:grid}.typing{min-height:20px;color:var(--muted);padding:2px 4px;font-size:12px}.notice{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--muted);border-radius:10px;margin-bottom:10px;padding:14px}.join-notice{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.thread-panel{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-height:0;display:flex}.thread-panel .message{padding-left:16px;padding-right:16px}.thread-count{color:var(--muted);align-items:center;gap:10px;margin:8px 16px;font-size:13px;display:flex}.thread-count:after{content:"";border-top:1px solid var(--border);flex:1}.search-form{flex:1}.search-results{flex:1;padding:16px 20px;overflow-y:auto}.search-results h2{font-size:18px}.search-results ul{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.search-hit{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;width:100%;padding:10px 14px}.search-hit:hover{background:var(--surface)}.search-hit-meta{gap:10px;margin-bottom:6px;font-size:13px;display:flex}.search-hit-body{gap:10px;display:flex}.modal{box-shadow:var(--shadow);background:var(--bg);width:min(480px,100vw - 32px);color:var(--text);border:none;border-radius:14px;padding:0}.modal-wide{width:min(620px,100vw - 32px)}.modal::backdrop{background:#0a163073}.modal-body{flex-direction:column;gap:14px;max-height:calc(100vh - 80px);padding:20px 22px 22px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:20px}.modal p{margin:0}.browse-list,.member-picker,.member-list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}.browse-list button{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;gap:2px;width:100%;padding:10px 6px;font-size:14px;display:flex}.browse-list button:hover{background:var(--surface)}.browse-name{font-size:15px;font-weight:700}.member-picker label{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 6px;font-size:14px;display:flex}.member-picker label:hover{background:var(--surface)}.member-list li{align-items:center;gap:8px;padding:4px 0;display:flex}.search-input{margin-bottom:4px}.copy-row{gap:8px;display:flex}details summary{cursor:pointer;margin-bottom:8px;font-weight:600}.switcher-backdrop{z-index:50;background:#0a163073;justify-content:center;padding-top:12vh;display:flex;position:fixed;inset:0}.switcher{background:var(--bg);width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;align-self:flex-start;padding:10px}.switcher input{font-size:17px;padding:12px!important}.switcher ul{margin:8px 0 0;padding:0;list-style:none}.switcher button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;width:100%;padding:9px 12px;display:flex}.switcher button.active{background:var(--primary);color:#fff}.sidebar-scrim{display:none}@media (width<=800px){.app{grid-template-columns:minmax(0,1fr)}.rail,.sidebar{z-index:30;transition:transform .2s;position:fixed;top:0;bottom:0;transform:translate(-120%)}.rail{width:64px;left:0}.sidebar{width:min(280px,100vw - 64px);left:64px}.app.sidebar-open .rail,.app.sidebar-open .sidebar{transform:none}.app.sidebar-open .sidebar-scrim{z-index:25;background:#0a163073;display:block;position:fixed;inset:0}.menu-button{display:inline-block}.header-search{display:none}.channel-view.with-thread{grid-template-columns:minmax(0,1fr)}.channel-view.with-thread .channel-pane{display:none}.message{padding-left:12px;padding-right:12px}.composer-hint{display:none}}.link-previews{flex-direction:column;gap:8px;margin-top:6px;display:flex}.link-preview{border-left:4px solid var(--border);flex-direction:column;gap:2px;max-width:520px;padding:2px 0 2px 12px;display:flex;position:relative}.link-preview.has-embed{border-left-color:red}.link-preview-site{color:var(--muted);font-size:13px;font-weight:700}.link-preview-title{font-weight:700;text-decoration:none}.link-preview-title:hover{text-decoration:underline}.link-preview-description{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.link-preview-image img{border-radius:var(--radius);border:1px solid var(--border);object-fit:cover;max-width:min(360px,100%);max-height:200px;margin-top:6px;display:block}.video-poster,.video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000 50%/cover no-repeat;width:min(480px,100%);margin-top:6px;position:relative;overflow:hidden}.video-poster{cursor:pointer;border:none;place-items:center;padding:0;display:grid}.video-poster .play-button{opacity:.85;filter:drop-shadow(0 2px 6px #0006);transition:opacity .15s,transform .15s}.video-poster:hover .play-button,.video-poster:focus-visible .play-button{opacity:1;transform:scale(1.06)}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.project-heading{border-radius:6px;align-items:center;display:flex}.project-heading:hover{background:var(--sidebar-bg-2)}.project-toggle{min-width:0;color:var(--sidebar-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:8px;padding:5px 8px;display:flex}.project-heading.unread .project-toggle{color:var(--sidebar-strong);font-weight:700}.project-toggle .chevron{place-items:center;width:18px;font-size:16px;transition:transform .15s;display:inline-grid}.project-group.open .chevron{transform:rotate(90deg)}.project-add{opacity:0}.project-heading:hover .project-add,.project-add:focus-visible{opacity:1}.project-group>div>ul,.integration-group{padding-left:14px}.nav-subheading{letter-spacing:.04em;text-transform:uppercase;opacity:.65;padding:6px 8px 2px;font-size:11px;font-weight:600}.badge.quiet{color:var(--sidebar-strong);background:#fff3}.bot-pill{vertical-align:1px;margin-left:6px}@media (hover:none){.project-add{opacity:1}}.composer-notice{background:var(--surface-2,#7f7f7f1f);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;padding:6px 10px;font-size:13px;display:flex}.composer-hint{opacity:.8;padding:4px 2px;font-size:13px}.app-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.kanban-link .kanban-waiting{align-items:center;gap:.6rem;display:flex}.kanban-link .spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}.kanban-link .kanban-board{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem .75rem;display:flex}.kanban-link .kanban-board:hover:not(:disabled),.kanban-link .kanban-board:focus-visible{border-color:var(--primary)}.kanban-link .kanban-board:disabled{cursor:not-allowed;opacity:.6}.link-preview-hide{position:absolute;top:0;right:0}.message.pending{opacity:.55}