:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#232420;background:#f5f4ef;font-synthesis:none;--ink: #232420;--muted: #777971;--faint: #a4a69e;--line: #deded7;--paper: #fbfbf8;--cream: #f4f3ee;--sidebar: #eeeee8;--accent: #445c4d;--accent-hover: #354b3d;--accent-soft: #dce5dd;--danger: #b44d45}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #718c7a;outline-offset:2px}.primary,.secondary{border:0;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:600;transition:.16s ease}.primary{color:#fff;background:var(--accent);box-shadow:0 1px 2px #17291c22}.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary:disabled{opacity:.48;pointer-events:none}.primary.large{padding:13px 19px;font-size:15px}.secondary{background:#e8e8e2}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;cursor:pointer;color:#6d7068}.icon-button:hover{background:#e6e6e0;color:var(--ink)}.eyebrow{font:700 11px/1 Manrope,sans-serif;letter-spacing:.13em;color:#74786f}.brand-mark,.rail-logo{font:700 17px/1 Manrope,sans-serif;color:#fff;background:var(--accent);display:grid;place-items:center;border-radius:11px;text-decoration:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash,.center-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;background:var(--paper);text-align:center}.splash .brand-mark,.center-page .brand-mark{width:44px;height:44px;margin-bottom:16px}.splash p{color:var(--muted);margin:0;font-size:14px}.center-page{padding:32px}.center-page h1{font:700 32px/1.15 Manrope,sans-serif;margin:6px 0 0}.center-page>p:not(.eyebrow){color:var(--muted);max-width:420px;margin:0 0 12px}.login-page{display:grid;grid-template-columns:minmax(450px,.9fr) 1.1fr;height:100vh;background:var(--paper)}.login-copy{padding:38px clamp(36px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between}.wordmark{font:700 22px/1 Manrope,sans-serif;text-decoration:none;color:var(--ink);letter-spacing:-.04em}.wordmark span{color:#ac6e3d}.login-message{max-width:510px}.login-message h1{font:600 clamp(46px,5vw,72px)/1.04 "Manrope",sans-serif;letter-spacing:-.055em;margin:18px 0 22px}.login-message>p:not(.eyebrow):not(.error-text){color:#686b64;font-size:17px;line-height:1.65;max-width:455px;margin:0 0 34px}.error-text,.form-error{color:var(--danger)!important;font-size:13px!important;margin:14px 0 0!important}.login-foot{color:#9a9c95;font-size:12px}.login-art{position:relative;overflow:hidden;margin:16px 16px 16px 0;border-radius:22px;background:#dfe3da;background-image:radial-gradient(circle at 75% 20%,#f2e5d2 0,transparent 30%),radial-gradient(circle at 20% 82%,#cbd7cc 0,transparent 34%)}.login-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#6670640b 1px,transparent 1px),linear-gradient(90deg,#6670640b 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}.orbit{position:absolute;border:1px solid #7d8a7c44;border-radius:50%;width:650px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:430px;height:430px}.art-card{position:absolute;z-index:1;background:#fffffff0;border:1px solid #ffffff;box-shadow:0 22px 60px #40514624;border-radius:15px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-one{top:25%;left:14%;padding:17px 21px;display:flex;align-items:center;gap:13px;transform:rotate(-2deg)}.art-card b{font-size:14px;display:block}.art-card small{color:var(--muted);display:block;margin-top:4px}.avatar{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#574331;background:#ebd2ab;font:700 12px/1 Manrope,sans-serif}.avatar.lilac{color:#514a69;background:#dcd7e8}.avatar.sage{color:#3e5b49;background:#d3e1d6}.avatar.small{width:31px;height:31px;border-radius:9px;font-size:10px}.card-two{top:48%;right:10%;padding:19px 21px;width:250px;display:grid;grid-template-columns:38px 1fr 10px;gap:13px;align-items:center;transform:rotate(2deg)}.card-two .wave{background:var(--accent);color:#fff;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:24px}.card-two i{width:8px;height:8px;border-radius:50%;background:#5b9c68;box-shadow:0 0 0 4px #ddeadf}.card-three{bottom:12%;left:20%;padding:22px 25px;display:flex;align-items:start;gap:13px;transform:rotate(-1deg)}.card-three span{color:#ba7743}.card-three p{margin:0;font:600 16px/1.45 Manrope,sans-serif}.app-shell{display:grid;grid-template-columns:66px 244px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;background:var(--paper)}.org-rail{grid-column:1;grid-row:1;min-height:0;background:#252824;display:flex;align-items:center;flex-direction:column;padding:14px 10px;gap:10px;z-index:30}.rail-logo{width:41px;height:41px;background:#f4f1e9;color:#35443a}.rail-divider{width:25px;height:1px;background:#ffffff1c;margin:1px 0 2px}.org-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:9px;scrollbar-width:none}.org-button{flex:0 0 auto;border:0;width:40px;height:40px;border-radius:12px;background:#3b3e3a;color:#d9d9d5;font:600 11px Manrope,sans-serif;cursor:pointer;position:relative;transition:.15s}.org-button:hover,.org-button.active{background:#607466;color:#fff;border-radius:10px}.org-button.active:before{content:"";width:3px;height:22px;border-radius:0 4px 4px 0;position:absolute;left:-10px;top:9px;background:#f7f5ed}.org-button.add{color:#9ab3a0;background:transparent;display:grid;place-items:center;border:1px dashed #535752}.org-button.add:hover{background:#35483b;color:#fff}.org-button.profile{margin-top:auto;background:#d3c1a8;color:#443b31}.channel-sidebar{grid-column:2;grid-row:1;min-height:0;background:var(--sidebar);border-right:1px solid #dadad4;min-width:0;display:flex;flex-direction:column;z-index:20}.sidebar-head{height:65px;flex:0 0 65px;padding:0 15px 0 17px;display:flex;align-items:center;border-bottom:1px solid #d7d8d1}.sidebar-head>div:first-child{min-width:0;flex:1}.sidebar-head strong{display:block;font:600 14px/1.2 Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-head span{color:#85877f;font-size:11px;text-transform:capitalize}.sidebar-search{margin:12px 12px 6px;padding:8px 9px;color:#7d7f78;background:#e4e4de;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left;font-size:12px}.sidebar-search kbd{margin-left:auto;font-size:10px;border:1px solid #cfcfc8;background:#efefe9;border-radius:4px;padding:1px 4px}.sidebar-scroll{padding:9px 8px;overflow-y:auto;flex:1}.nav-heading{height:27px;padding:0 7px 0 9px;display:flex;align-items:center;justify-content:space-between;color:#8b8d85;font:600 10px/1 Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}.nav-heading.spaced{margin-top:19px}.nav-heading button{display:grid;place-items:center;width:23px;height:23px;background:none;color:#898b84;border:0;border-radius:5px;cursor:pointer}.nav-heading button:hover{background:#dcdcd5;color:#373934}.nav-item{width:100%;height:33px;padding:0 9px;border:0;background:transparent;color:#656860;border-radius:7px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;text-align:left}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{color:#31342f;background:#e4e4de}.nav-item.active{color:#26372d;background:#d9dfd8;font-weight:600}.room-item{color:#4b6754}.room-item i{width:6px;height:6px;background:#65a270;border-radius:50%;margin-left:auto}.sidebar-note{font-size:11px;color:#a0a29a;padding:0 10px}.sidebar-bottom{border-top:1px solid #d7d8d1;padding:8px}.sidebar-bottom button{border:0;width:100%;background:none;border-radius:7px;padding:8px 9px;display:flex;align-items:center;gap:8px;color:#666961;cursor:pointer;font-size:12px}.sidebar-bottom button:hover{background:#e3e3dd;color:var(--ink)}.mobile-overlay{display:none}.conversation-frame{grid-column:3;grid-row:1;min-width:0;min-height:0;overflow:hidden}.conversation-frame,.conversation{min-width:0;height:100%}.conversation{display:grid;grid-template-rows:65px minmax(0,1fr) auto;background:var(--paper)}.channel-header{padding:0 22px;border-bottom:1px solid #e1e1db;display:flex;align-items:center;gap:12px;background:#fbfbf8e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.channel-name{display:flex;align-items:center;gap:9px;min-width:0}.channel-name>svg{color:#6d7169}.channel-name strong{display:block;font:600 14px/1.2 Manrope,sans-serif}.channel-name span{display:block;font-size:10px;color:#999b94;margin-top:2px}.header-tools{margin-left:auto;display:flex;align-items:center;gap:2px}.messages{padding:22px max(22px,3.5vw) 12px;overflow-y:auto;scroll-behavior:smooth}.channel-intro{padding:30px 0 27px;border-bottom:1px solid #e7e7e1;margin-bottom:14px}.channel-intro>div{width:48px;height:48px;border-radius:14px;color:#53655a;background:#e1e7e1;display:grid;place-items:center}.channel-intro h1{font:650 25px/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:14px 0 5px}.channel-intro p{color:#7b7e76;margin:0;font-size:13px}.channel-intro b{color:#555951}.message{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px;padding:7px 8px;margin:0 -8px;border-radius:7px}.message:hover{background:#f4f4ef}.message.grouped{display:block;padding-left:58px;padding-top:2px;padding-bottom:2px}.message-meta{height:20px;display:flex;align-items:baseline;gap:7px}.message-meta strong{font:600 13px Manrope,sans-serif}.message-meta em{font-style:normal;font-size:9px;color:#5f7766;background:#e0e8e1;border-radius:3px;padding:1px 4px}.message-meta time{color:#a0a29a;font-size:10px}.message p{margin:1px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#42443f;line-height:1.47;font-size:13.5px}.loading-row{color:#8e9089;font-size:12px;display:flex;gap:10px;align-items:center;padding:10px}.message-content{min-width:0}.message-meta>span{color:#a0a29a;font-size:9px}.message-toolbar{position:absolute;z-index:3;right:8px;top:-14px;display:flex;align-items:center;padding:3px;border:1px solid #dbdcd5;border-radius:8px;background:#fdfdfa;box-shadow:0 5px 16px #28312814;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}.message:hover .message-toolbar,.message:focus-within .message-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.message-toolbar>button,.message-toolbar .reaction-picker-wrap>button{width:29px;height:27px;border:0;border-radius:5px;background:transparent;color:#71746c;display:grid;place-items:center;cursor:pointer}.message-toolbar button:hover{color:#30342e;background:#edeee8}.message-toolbar button.delete-action:hover{color:var(--danger);background:#f5e7e4}.reaction-picker-wrap{position:relative}.reaction-menu{position:absolute;right:-42px;bottom:calc(100% + 8px);display:flex;gap:2px;padding:6px;border:1px solid #d9dad3;border-radius:10px;background:#fdfdfa;box-shadow:0 12px 32px #27322924}.reaction-menu:after{content:"";position:absolute;right:50px;bottom:-5px;width:9px;height:9px;transform:rotate(45deg);background:#fdfdfa;border-right:1px solid #d9dad3;border-bottom:1px solid #d9dad3}.reaction-menu button{position:relative;z-index:1;width:31px;height:31px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:17px}.reaction-menu button:hover{background:#eeefe9;transform:scale(1.08)}.reaction-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.reaction-list button{min-width:36px;height:26px;padding:1px 8px;border:1px solid #d9dbd4;border-radius:8px;color:#6f726a;background:#f5f5f0;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:10px}.reaction-list button span{font-size:14px;line-height:1}.reaction-list button:hover{border-color:#aab5ac;background:#edf1ed}.reaction-list button.mine{border-color:#9eb0a2;color:#3f5e48;background:#e4ece5}.reaction-list button:disabled{opacity:.6}.reply-context{max-width:min(560px,100%);height:24px;padding:0;margin:0 0 2px;border:0;background:transparent;display:flex;align-items:center;gap:6px;color:#8a8d85;cursor:pointer;text-align:left;font-size:10px;overflow:hidden}.reply-context>span{align-self:stretch;width:2px;flex:0 0 2px;border-radius:2px;background:#bdc7be}.reply-context strong{flex:0 0 auto;color:#5b6e60;font:600 10px Manrope,sans-serif}.reply-context em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.reply-context:hover em{color:#555951;text-decoration:underline}.muted-reply{cursor:default}.message .message-tombstone{color:#969990;font-style:italic}.deleted-message .avatar{filter:grayscale(.6);opacity:.62}.deleted-message .message-meta strong{color:#74776f}.edit-message{margin:3px 0 4px}.edit-message textarea{display:block;width:100%;min-height:72px;max-height:220px;resize:vertical;padding:9px 11px;border:1px solid #9ba99e;border-radius:8px;outline:0;background:#fff;color:var(--ink);line-height:1.45;box-shadow:0 0 0 3px #8295881c}.edit-message>div{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:7px}.edit-message>div>span{color:#9a9c95;font-size:9px;margin-right:auto}.edit-message .primary,.edit-message .secondary{min-height:31px;padding:6px 10px;font-size:11px}.message-error{display:block;color:var(--danger);font-size:10px;margin-top:5px}.message-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.message-attachments>button{width:min(280px,100%);min-width:0;min-height:48px;padding:7px 9px;border:1px solid #d9dbd4;border-radius:9px;background:#f8f8f4;color:#555951;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.message-attachments>button:hover{border-color:#abb7ad;background:#eef2ee}.message-attachments>button:disabled{cursor:wait;opacity:.7}.message-attachments>button>span:nth-child(2){flex:1;min-width:0}.message-attachments strong,.attachment-draft strong{display:block;overflow:hidden;color:#41453f;font:600 11px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.message-attachments small,.attachment-draft small{display:block;margin-top:2px;color:#969990;font-size:9px}.message-attachments>button>svg{flex:0 0 auto;color:#858b84}.attachment-icon{width:31px;height:31px;flex:0 0 auto;border-radius:7px;background:#e3e9e3;color:#597060;display:grid;place-items:center}.composer-wrap{padding:7px max(22px,3.5vw) 17px;background:var(--paper);position:relative}.composer{min-height:46px;border:1px solid #d6d7d0;border-radius:10px;background:#fff;display:flex;align-items:flex-end;padding:6px;box-shadow:0 1px 1px #21251f09}.composer:focus-within{border-color:#9ca99e;box-shadow:0 0 0 3px #748b7820}.composer textarea{resize:none;max-height:160px;min-height:32px;flex:1;border:0;outline:0;padding:7px 8px 4px;background:transparent;line-height:20px;color:var(--ink)}.composer textarea::placeholder{color:#aaaca5}.composer button{border:0;background:transparent;color:#969891;width:32px;height:32px;border-radius:7px;display:grid;place-items:center;cursor:pointer}.composer button:hover{color:#444740;background:#f1f1ec}.composer .composer-add{background:#eeeee9;color:#696c65}.composer .send-button{color:#fff;background:var(--accent)}.composer .send-button:hover{background:var(--accent-hover);color:#fff}.composer .send-button:disabled{opacity:.28}.composer-actions{display:flex;gap:3px}.composer-hint{float:right;color:#b0b1aa;font-size:9px;padding-top:5px}.composer-hint kbd{font:inherit}.send-error{color:var(--danger);font-size:10px;padding-top:5px;display:block}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.attachment-drafts{margin:0 1px -8px;padding:7px 8px 14px;border:1px solid #d6d7d0;border-bottom:0;border-radius:10px 10px 0 0;background:#f4f6f2;display:grid;gap:5px}.attachment-draft{min-width:0;min-height:43px;padding:5px 6px;border-radius:7px;background:#fff;display:flex;align-items:center;gap:8px}.attachment-draft>span:nth-child(2){flex:1;min-width:0}.attachment-draft>button{width:27px;height:27px;flex:0 0 auto;padding:0;border:0;border-radius:6px;background:transparent;color:#858a83;display:grid;place-items:center;cursor:pointer}.attachment-draft>button:hover{background:#eceee9;color:#3e433d}.attachment-draft.error{background:#fbf2f0}.attachment-draft.error .attachment-icon{background:#f1dedb;color:var(--danger)}.attachment-draft.error small{color:var(--danger)}.replying-to{min-height:42px;margin:0 1px -8px;padding:7px 9px 13px;border:1px solid #d6d7d0;border-bottom:0;border-radius:10px 10px 0 0;background:#f0f3ef;display:flex;align-items:flex-start;gap:8px;color:#667169}.replying-to>svg{flex:0 0 auto;margin-top:2px}.replying-to>div{min-width:0;flex:1}.replying-to span{display:block;font-size:10px}.replying-to p{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#858880;font-size:10px}.replying-to>button{width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:#858880;display:grid;place-items:center;cursor:pointer}.replying-to>button:hover{background:#e1e5e0;color:#343934}.replying-to+.composer{position:relative;border-radius:0 0 10px 10px}.replying-to+.attachment-drafts{border-radius:0}.attachment-drafts+.composer{position:relative;border-radius:0 0 10px 10px}.delete-confirm blockquote{max-height:120px;overflow:auto;margin:4px 0 22px;padding:11px 13px;border-left:3px solid #c7c9c2;border-radius:0 7px 7px 0;background:#f2f2ed;color:#64675f;font-size:12px;white-space:pre-wrap}.delete-confirm>div{display:flex;justify-content:flex-end;gap:8px}.danger-button,.danger-button:hover{background:var(--danger)}.danger-button:hover{background:#963e38}.mobile-menu,.mobile-only{display:none}.empty-workspace,.no-channel{grid-row:1;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:30px}.empty-workspace{grid-column:2 / 4}.empty-shape{width:68px;height:68px;display:grid;place-items:center;color:#5b6c61;background:#dfe7df;border-radius:22px;transform:rotate(-3deg);margin-bottom:24px}.empty-workspace h1{margin:12px 0;font:600 34px/1.18 Manrope,sans-serif;letter-spacing:-.04em}.empty-workspace>p:not(.eyebrow),.no-channel p{max-width:440px;color:var(--muted);margin:0 0 24px}.no-channel{grid-column:3}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:20px}.app-loading .brand-mark{width:42px;height:42px}.dot-pulse{width:6px;height:6px;border-radius:50%;background:#77847a;box-shadow:11px 0 #a1aaa3,22px 0 #c3c8c4;animation:pulse 1.1s infinite alternate;margin-right:22px}@keyframes pulse{to{opacity:.35}}.voice-dock{position:fixed;z-index:25;left:326px;bottom:18px;width:min(560px,calc(100vw - 350px));min-height:66px;border:1px solid #cfd4cd;border-radius:13px;padding:10px 12px;background:#f7faf6f2;box-shadow:0 14px 38px #36463a26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;gap:14px}.voice-title{min-width:0;display:flex;align-items:center;gap:10px}.voice-title b{display:block;font:600 12px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-title small{color:#66906f;font-size:9px}.voice-pulse{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;background:#d7e8d9;color:#3e754c;border-radius:50%}.voice-people{display:flex;align-items:center;margin-left:auto}.mini-avatar{width:27px;height:27px;margin-left:-5px;border:2px solid #f7faf6;border-radius:50%;display:grid;place-items:center;background:#ded8eb;color:#5b536e;font-size:8px;font-weight:700}.mini-avatar.self{background:#d4e0d7;color:#46604e;width:32px;border-radius:12px}.voice-actions{display:flex;gap:5px;border-left:1px solid #dde1db;padding-left:11px}.round-action{width:33px;height:33px;display:grid;place-items:center;border:0;background:#e8ece7;color:#596159;border-radius:50%;cursor:pointer}.round-action:hover{background:#dce2dc}.round-action.leave{background:#f2dfdc;color:#a84740}.round-action.danger-soft{color:#a84740;background:#f2dfdc}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1f241f7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:fade .15s ease}.modal{width:min(430px,100%);background:#fbfbf8;border:1px solid #ffffff;border-radius:15px;box-shadow:0 28px 70px #1520183a;padding:26px;position:relative;animation:rise .18s ease}.modal h2{margin:0 35px 7px 0;font:600 20px/1.2 Manrope,sans-serif;letter-spacing:-.02em}.modal>p{margin:0 25px 23px 0;color:var(--muted);font-size:13px;line-height:1.5}.modal-close{position:absolute;right:15px;top:15px}.modal-form label,.invite-result>label{display:block;color:#65675f;font-size:11px;font-weight:600}.modal-form input,.invite-result input{width:100%;margin-top:7px;border:1px solid #d7d8d1;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);outline:0}.modal-form input:focus,.invite-result input:focus{border-color:#8fa094;box-shadow:0 0 0 3px #8295881c}.modal-form button{width:100%;margin-top:19px}.invite-state{text-align:center}.invite-illustration{width:66px;height:66px;margin:12px auto 20px;border-radius:20px;background:#e2e9e2;color:#54705c;display:grid;place-items:center}.invite-result>div{display:flex;gap:7px;margin-top:7px}.invite-result input{margin:0;min-width:0}.invite-result .primary{flex:0 0 auto}.invite-result p{font-size:10px;color:#969890}.invite-state .form-error{text-align:center}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:820px){.login-page{display:block}.login-copy{height:100vh;padding:30px}.login-message h1{font-size:49px}.login-art{display:none}.app-shell{grid-template-columns:54px 1fr}.org-rail{padding-left:7px;padding-right:7px}.rail-logo,.org-button{width:38px;height:38px}.channel-sidebar{position:fixed;left:54px;top:0;bottom:0;width:252px;transform:translate(-110%);transition:transform .2s ease;box-shadow:12px 0 35px #1e281f20}.channel-sidebar.mobile-open{transform:translate(0)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:54px;background:#18201860;z-index:10}.mobile-overlay[data-open=true]{display:block}.conversation-frame{grid-column:2;grid-row:1}.mobile-menu,.mobile-only{display:grid}.desktop-only{display:none}.channel-header{padding:0 12px}.header-tools .icon-button{display:none}.messages,.composer-wrap{padding-left:16px;padding-right:16px}.composer-hint{display:none}.voice-dock{left:67px;bottom:12px;width:calc(100vw - 80px)}.voice-people{display:none}.empty-workspace,.no-channel{grid-column:2}.message{grid-template-columns:34px 1fr}.message .avatar{width:34px;height:34px}.message.grouped{padding-left:54px}}@media(max-width:480px){.login-message h1{font-size:41px}.login-message>p:not(.eyebrow):not(.error-text){font-size:15px}.login-foot{display:none}.app-shell{grid-template-columns:48px 1fr}.org-rail{padding:10px 5px}.channel-sidebar{left:48px;width:calc(100vw - 68px)}.mobile-overlay{left:48px}.channel-header{height:58px}.conversation{grid-template-rows:58px minmax(0,1fr) auto}.messages{padding-top:10px}.channel-intro{padding-top:15px}.header-tools{gap:0}.voice-dock{left:58px;width:calc(100vw - 68px)}.voice-actions .round-action:nth-child(2){display:none}}@media(hover:none){.message-toolbar{top:3px;right:3px;opacity:1;pointer-events:auto;transform:none;box-shadow:none;background:#f4f4efcc}.message-content,.message.grouped .message-content{padding-right:102px}.reaction-menu{position:fixed;left:50%;right:auto;bottom:82px;transform:translate(-50%)}.reaction-menu:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}