@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;450;500;550;600;650;700;750;800;900&display=swap";
:root{--coral:#ed745e;--coral-dark:#bd4e3d;--ink:#30332f;--muted:#93948c;--line:#eeeee8;--sidebar:#f7f8f4;--soft-coral:#fae8e1;--font:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);letter-spacing:-.35px;background:#fff;margin:0;font-size:13px}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button,input,textarea{-webkit-tap-highlight-color:transparent}button{transition:background .16s,color .16s,box-shadow .16s}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:3px}button:hover{background:#eeeee8}svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sprite{width:0;height:0;position:absolute;overflow:hidden}.app{grid-template-rows:68px minmax(0,1fr);grid-template-columns:72px 246px minmax(420px,1fr) 326px;height:100dvh;min-height:600px;display:grid;overflow:hidden}.topbar{background:#fafbf8;border-bottom:1px solid #e9e9e3;grid-column:1/-1;align-items:center;gap:25px;padding:0 24px 0 20px;display:flex}.brand{letter-spacing:-2px;align-items:center;gap:9px;padding:0 3px;font-size:34px;font-weight:850;display:flex;background:0 0!important}.brand-dot{color:var(--coral)}.brand-mark{gap:4px;padding-top:4px;display:flex;transform:rotate(-10deg)}.brand-mark i{background:var(--coral);border-radius:7px;width:10px;height:23px;display:block}.brand-mark i:last-child{height:17px;margin-top:6px}.workspace-label{color:#898d83;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex}.beta{letter-spacing:1px;color:#969a8e;border:1px solid #dedfd6;border-radius:4px;padding:3px 5px;font-size:8px}.global-search{color:#999d91;background:#f1f3ed;border:1px solid #e3e5dc;border-radius:7px;align-items:center;gap:10px;width:min(390px,32vw);height:36px;margin-left:auto;padding:0 12px;font-size:12px;display:flex}.global-search svg{width:16px}.global-search kbd{font:11px var(--font);color:#a0a297;border:1px solid #dfe2d7;border-radius:3px;margin-left:auto;padding:0 5px}.top-right{align-items:center;gap:20px;margin-left:auto;display:flex}.today{color:#8d9186;white-space:nowrap;font-size:11px}.icon-button{color:#92968c;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:inline-flex;position:relative}.icon-button svg{width:19px;height:19px}.icon-button.selected{color:#69705f;background:#f0f1eb}.notification-dot{background:var(--coral);border:1px solid #fafbf8;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.avatar{color:#626958;border:1px solid #00000004;border-radius:12px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.avatar-me{color:#6c775a;background:#e4e9da}.avatar-harin{color:#9c7052;background:#f1ded0}.avatar-doyun{color:#627c8c;background:#dfe7ec}.avatar-seoyeon{color:#887391;background:#e8e0ed}.avatar-jiho{color:#98854c;background:#eee7cc}.avatar.small{border-radius:10px;width:31px;height:31px}.avatar.mini{border-radius:8px;width:24px;height:24px;font-size:10px}.online{border:2px solid var(--sidebar);background:#7ca278;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-2px}.online.away{background:#d5b16b}.rail{background:#eff1e9;border-right:1px solid #e4e7dc;flex-direction:column;grid-area:2/1;justify-content:space-between;padding:20px 10px 15px;display:flex}.rail-top{flex-direction:column;gap:14px;display:flex}.rail-item{color:#878e7c;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:51px;min-height:56px;padding:8px 0;font-size:10px;font-weight:500;display:flex;position:relative}.rail-item svg{width:22px;height:22px}.rail-item.active{color:#bd6250;background:#f9e2d8}.rail-item.active svg{stroke-width:1.9px}.rail-dot{background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:10px}.rail-bottom{flex-direction:column;align-items:center;gap:20px;display:flex}.little-flower{color:#c4cbb8;font-size:32px;font-weight:400}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;padding:22px 14px 14px;display:flex;overflow-y:auto}.workspace{align-items:center;gap:11px;padding:0 9px 23px;display:flex}.workspace-icon{text-align:center;color:#7c856c;background:#fff;border:1px solid #dce0d3;border-radius:10px;width:36px;height:36px;font-family:Georgia,serif;font-size:29px;font-weight:700;line-height:31px;position:relative}.workspace-icon span{color:#b4bea3;font-size:16px;line-height:20px;position:absolute;top:-3px;right:0}.workspace strong{font-size:14px;font-weight:700;display:block}.workspace div>span{color:#92998a;margin-top:4px;font-size:10px;display:block}.status-dot{vertical-align:2px;background:#849d70;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.sidebar-shortcuts{border-bottom:1px solid #e9ece1;margin-bottom:9px;padding:0 0 17px}.sidebar-shortcuts button{color:#767e6d;border-radius:6px;align-items:center;gap:10px;width:100%;height:35px;padding:0 10px;font-size:12px;display:flex}.sidebar-shortcuts svg{stroke-width:1.6px;width:16px;height:16px}.soft-count,.coral-count{border-radius:5px;place-items:center;min-width:19px;height:18px;margin-left:auto;font-size:10px;display:grid}.soft-count{color:#7d866e;background:#e8ecdf}.coral-count{color:#cf715d;background:#f8e3dc}.section-label{color:#92998a;justify-content:space-between;align-items:center;min-height:41px;padding:12px 10px 7px;font-size:10px;font-weight:550;display:flex}.section-label>span{align-items:center;gap:6px;display:flex}.section-label svg{width:12px;height:12px}.section-label>svg{width:13px;height:13px;margin-right:4px}.icon-button.tiny{width:22px;height:22px;padding:3px}.icon-button.tiny svg{width:14px;height:14px}.channel{color:#747c6e;text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;height:35px;margin-bottom:3px;padding:0 11px;font-size:12px;display:flex}.channel>svg{color:#a2a899;stroke-width:1.5px;width:16px;height:16px}.channel.active{color:#b45f4e;background:#f9e4dc;font-weight:600}.channel.active>svg{color:#cc816e}.channel-count{color:#fff;text-align:center;background:#ec8870;border-radius:5px;width:19px;height:18px;margin-left:auto;font-size:10px;line-height:18px}.channel-symbol{text-align:center;width:16px;font-size:13px}.unread-dot{background:#a2ad8d;border-radius:50%;width:5px;height:5px;margin-left:auto;margin-right:4px}.subtle-count{color:#89937b;margin-left:auto;margin-right:4px;font-size:10px}.channel small{color:#a3aa9a;margin-left:3px;font-size:10px}.dm{height:37px}.dm-label{margin-top:6px}.status-emoji{margin-left:auto;font-size:13px}.sidebar-bottom{color:#929c83;white-space:nowrap;align-items:center;gap:8px;margin-top:auto;padding:30px 7px 4px;font-size:8px;line-height:1.9;display:flex}.sidebar-bottom small{color:#aeb5a3;font-size:8px;display:block}.tiny-spark{color:#b8c3a4;font-size:21px}.chat-main{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.channel-header{justify-content:space-between;align-items:center;gap:10px;min-height:89px;padding:21px 27px 16px;display:flex}.channel-heading>div{align-items:center;gap:7px;display:flex}.heading-hash{color:#92988a;font-size:23px;font-weight:400;line-height:24px}h1{letter-spacing:-.6px;margin:0;font-size:17px;font-weight:750}.star-button{width:24px;height:24px;margin-left:3px}.star-button svg{fill:#d4bb7b;stroke:#d4bb7b;width:15px;height:15px}.star-button[aria-pressed=false] svg{fill:none;stroke:#a2a496}.channel-heading p{color:#989c91;letter-spacing:-.3px;margin:7px 0 0;font-size:11px}.channel-actions{align-items:center;gap:9px;display:flex}.member-stack{border-radius:6px;align-items:center;padding:4px;display:flex}.member-stack .avatar{border:2px solid #fff;width:26px;height:26px;margin-left:-5px}.member-stack .avatar:first-child{margin-left:0}.member-number{color:#909687;margin-left:7px;font-size:10px}.header-divider{background:#eceee6;width:1px;height:19px;margin:0 2px}.tabs{border-bottom:1px solid var(--line);align-items:center;gap:22px;min-height:43px;padding:0 27px;display:flex}.tab{color:#969b8e;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;height:43px;padding:0 0 1px;font-size:11px;display:flex}.tab:hover{color:var(--coral);background:0 0}.tab svg{width:14px;height:14px}.tab.active{color:#c46c57;border-color:var(--coral);font-weight:600}.tab span{color:#a0a596;background:#f2f4ee;border-radius:3px;margin-left:0;padding:0 4px;font-size:9px}.channel-private{color:#b2b6ab;margin-left:auto;font-size:9px}.pinned-bar{color:#99937e;background:#fcfbf7;border-bottom:1px solid #f1eee6;align-items:center;gap:9px;min-height:39px;padding:10px 28px;font-size:10px;display:flex}.pinned-bar>svg{color:#aaa48d;width:13px;height:13px}.pinned-bar strong{color:#807d69;font-weight:550}.pinned-bar>button{margin-left:auto}.pin-divider{color:#c2bca8;margin:0 9px}.message-list{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#e4e7dd transparent;flex:1;min-height:0;padding:18px 27px 14px;overflow-y:auto}.date-divider{color:#a3a799;align-items:center;gap:12px;margin:0 0 23px;font-size:10px;display:flex}.date-divider:before,.date-divider:after{content:"";background:#f0f1eb;flex:1;height:1px}.date-divider span{color:#919786;background:#fff;border:1px solid #eceee5;border-radius:20px;padding:4px 13px;font-size:9px}.message{align-items:flex-start;gap:11px;margin:0 0 21px;scroll-margin:25px;display:flex;position:relative}.message .avatar{border-radius:11px;width:35px;height:35px;margin-top:1px}.message-content{flex:1;min-width:0}.message-meta{align-items:center;gap:8px;min-height:20px;margin-bottom:4px;display:flex}.message-meta strong{color:#454a3d;font-size:12px;font-weight:700}.message-meta .role{color:#a0a695;font-size:9px;font-weight:450}.message-meta time{color:#afb3a7;letter-spacing:0;margin-left:2px;font-size:9px}.message-text{color:#62685b;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.95}.message-text .mention{color:#7c8b62;background:#f2f4eb;border-radius:3px;padding:1px 3px}.message-text strong{color:#5b6451;font-weight:600}.reactions{align-items:center;gap:5px;margin-top:9px;display:flex}.reaction{background:#f8f9f5;border:1px solid #e7eade;border-radius:6px;align-items:center;gap:5px;height:25px;padding:3px 8px;font-size:12px;display:flex}.reaction span{color:#909981;font-size:10px}.reaction.on{background:#fcf0e9;border-color:#ecc4b2}.reaction.on span{color:#c77860}.reaction.add{color:#acb29f;background:#fff;border:1px dashed #e2e6d8;padding:3px 6px}.reaction.add svg{width:13px;height:13px}.message-hover{border:1px solid var(--line);opacity:0;background:#fff;border-radius:6px;transition:all .15s;display:flex;position:absolute;top:-11px;right:0;box-shadow:0 4px 12px #414d2b09}.message:hover .message-hover,.message:focus-within .message-hover{opacity:1}.message-hover .icon-button{width:27px;height:27px}.message-hover svg{width:14px;height:14px}.brand-preview{background:#fafbf7;border:1px solid #e7e9df;border-radius:9px;max-width:420px;margin-top:12px;overflow:hidden}.preview-art{background:#eff1e7;justify-content:space-between;align-items:center;height:137px;padding:20px 25px;display:flex;position:relative;overflow:hidden}.preview-copy{z-index:1}.preview-eyebrow{letter-spacing:2px;color:#8a927d;font-size:7px}.preview-copy h3{letter-spacing:-1px;color:#59644b;margin:9px 0 8px;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.1}.preview-copy p{color:#9ba38e;margin:0;font-size:8px}.art-shapes{width:135px;height:100px;margin-left:10px;position:relative}.art-bubble{background:#ed967d;border-radius:25px 25px 25px 8px;justify-content:center;align-items:center;gap:9px;width:75px;height:59px;display:flex;position:absolute;top:10px;left:0;transform:rotate(-15deg);box-shadow:inset 0 -6px #d9826c22}.art-bubble i{background:#8d594b;border-radius:5px;width:5px;height:9px}.art-bubble.green{background:#b6c2a2;border-radius:22px 22px 7px;gap:8px;width:66px;height:53px;top:47px;left:60px;transform:rotate(12deg)}.art-bubble.green i{background:#73845f;height:5px}.art-star{color:#c2c99f;font-size:29px;position:absolute;top:0;right:10px}.preview-footer{background:#fff;align-items:center;gap:9px;padding:10px 13px;display:flex}.file-icon{color:#a89b7b;background:#f2f0e9;border-radius:5px;place-items:center;width:26px;height:30px;display:grid}.file-icon svg{width:16px;height:16px}.preview-footer strong{color:#79816d;font-size:10px;font-weight:550;display:block}.preview-footer small{color:#abb09f;margin-top:3px;font-size:8px;display:block}.file-label{color:#b0b6a7;letter-spacing:.5px;border:1px solid #e8ece0;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:8px}.thread-link{color:#b67560;align-items:center;gap:6px;margin-top:9px;padding:2px 0;font-size:10px;display:flex;background:0 0!important}.thread-link svg{width:12px;height:12px;margin-left:1px}.reply-avatars{margin-right:2px;padding-left:3px;display:flex}.reply-avatars .avatar{border:2px solid #fff;border-radius:6px;width:18px;height:18px;margin:0 0 0 -3px;font-size:7px}.thread-link small{color:#b6b9b0;margin-left:4px;font-size:9px}.unread-divider{color:#d18d77;align-items:center;gap:10px;margin:-1px 0 20px;font-size:9px;display:flex}.unread-divider:before,.unread-divider:after{content:"";background:#f2e3dc;flex:1;height:1px}.link-text{color:#b77d67}.composer-wrap{background:#fff;padding:0 24px 13px}.composer{background:#fff;border:1px solid #dde2d3;border-radius:10px;overflow:hidden;box-shadow:0 2px 3px #25390003}.composer:focus-within{border-color:#c9d2bd;box-shadow:0 0 0 2px #f3f5ef}.composer textarea,.thread-composer textarea{resize:none;color:#606b53;background:0 0;border:0;width:100%;padding:15px 16px 5px;font-size:12px;line-height:1.7;display:block;outline:none!important}.composer textarea::placeholder,.thread-composer textarea::placeholder{color:#b2b7a9;font-size:11px}.composer-bottom{justify-content:space-between;align-items:center;padding:6px 11px 9px;display:flex}.composer-tools{align-items:center;gap:3px;display:flex}.composer-tools .icon-button{color:#a1a993;width:26px;height:26px}.composer-tools .icon-button svg{width:17px;height:17px}.tool-divider{background:#edf0e7;width:1px;height:15px;margin:0 4px}.send-controls{align-items:center;gap:12px;display:flex}.send-controls>span{color:#bbc0b2;font-size:9px}.send-button{color:#fff;background:#eb927c;border-radius:6px;place-items:center;width:32px;height:29px;display:grid}.send-button:hover{background:#dd7b63}.send-button svg{stroke-width:1.8px;width:16px;height:16px}.composer-caption{color:#b2b9a7;justify-content:space-between;margin:9px 4px 0;font-size:8px;display:flex}.typing-dots{vertical-align:2px;gap:2px;margin-right:4px;display:inline-flex}.typing-dots i{background:#b6bfa7;border-radius:50%;width:3px;height:3px}.thread-panel{border-left:1px solid var(--line);background:#fcfdfb;flex-direction:column;min-width:0;min-height:0;display:flex}.thread-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;min-height:74px;padding:0 21px;display:flex}.thread-header>div{align-items:center;gap:12px;display:flex}.thread-header h2{margin:0;font-size:14px;font-weight:650}.thread-header span{color:#a8ae9c;font-size:10px}.thread-body{scrollbar-width:thin;scrollbar-color:#e4e7dd transparent;flex:1;padding:22px 20px 8px;overflow-y:auto}.thread-body .message{gap:10px;margin-bottom:22px}.thread-body .message .avatar{border-radius:9px;width:29px;height:29px;font-size:11px}.thread-body .message-meta{gap:6px;margin-bottom:6px}.thread-body .message-meta strong{font-size:11px}.thread-body .message-meta time{font-size:8px}.thread-body .message-text{font-size:11px;line-height:1.95}.thread-body .message-text strong{font-weight:550}.thread-root{padding-bottom:7px}.thread-divider{color:#9ba58e;align-items:center;gap:10px;margin:0 0 20px;font-size:9px;display:flex}.thread-divider:after{content:"";background:#e9ede1;flex:1;height:1px}.thread-notice{color:#9ba58b;background:#f3f5ed;border-radius:8px;gap:7px;margin:5px 0 15px;padding:12px;font-size:9px;line-height:1.8;display:flex}.thread-notice svg{width:13px;height:13px;margin-top:3px}.thread-composer{background:#fff;border:1px solid #e0e5d6;border-radius:8px;margin:14px 17px 0}.thread-composer textarea{padding:12px 13px 0;font-size:11px}.thread-composer>div{justify-content:space-between;padding:3px 8px 9px;display:flex}.thread-composer .send-button{width:28px;height:26px}.thread-composer .icon-button{width:26px;height:26px}.thread-composer .icon-button svg{width:16px;height:16px}.thread-caption{text-align:center;color:#b1b9a4;margin:10px 0 17px;font-size:8px}.thread-caption span{color:#c4b295;margin-left:3px}.app.thread-hidden{grid-template-columns:72px 246px minmax(0,1fr)}.app.thread-hidden .thread-panel,.mobile-menu{display:none}.empty-view{color:#9aa38d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:250px;display:flex}.empty-view>svg{color:#b5bfa5;width:35px;height:35px}.empty-view h3{color:#727d64;margin:6px 0 0;font-size:16px}.empty-view p{font-size:12px;line-height:1.8}.file-row{border:1px solid var(--line);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;margin:10px 0;padding:14px;display:flex}.file-row strong{font-size:12px;display:block}.file-row small{color:#a1a994;margin-top:5px;font-size:10px;display:block}.file-row .icon-button{margin-left:auto}.attachment-chip{color:#83906e;background:#f1f4e9;border-radius:5px;align-items:center;gap:8px;margin:10px 14px 0;padding:5px 9px;font-size:10px;display:flex}.attachment-chip>svg{width:14px;height:14px}.attachment-chip button{margin-left:auto}.attachment-chip .icon-button{width:20px;height:20px}.inline-file{border:1px solid var(--line);background:#fcfdf9;border-radius:7px;align-items:center;gap:9px;max-width:330px;margin-top:7px;padding:10px 12px;display:flex}.inline-file svg{color:#a3ad92;width:19px;height:19px}.inline-file span{color:#879477;font-size:10px}.inline-file small{color:#aeb7a3;margin-left:auto;font-size:8px}dialog{width:min(520px,100vw - 32px);color:var(--ink);border:1px solid #e5e8dc;border-radius:15px;padding:22px;box-shadow:0 20px 100px #26321222}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#303c2b40}.modal-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.modal-top h2{margin:0;font-size:17px}.modal-search{background:#f8faf4;border:1px solid #dfe5d5;border-radius:7px;outline:none;width:100%;padding:12px 14px;font-size:13px}.search-results{max-height:370px;margin-top:12px;overflow:auto}.search-result{text-align:left;border-radius:7px;width:100%;margin:3px 0;padding:12px;display:block}.search-result small{color:#9ba68a;margin-bottom:6px;font-size:10px;display:block}.search-result p{color:#657255;margin:0;font-size:12px;line-height:1.7}.modal-muted{color:#9ba58e;font-size:11px;line-height:1.9}.person-row{border-bottom:1px solid var(--line);text-align:left;border-radius:5px;align-items:center;gap:12px;width:100%;padding:12px 7px;display:flex}.person-row strong{font-size:12px;display:block}.person-row small{color:#a0aa93;margin-top:4px;font-size:10px;display:block}.person-row .status-dot{margin-left:auto}.modal-button{background:var(--coral);color:#fff;border-radius:7px;margin-top:14px;padding:10px 18px;font-size:12px}.modal-button:hover{background:#df8068}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;display:flex}.setting-row button{color:#87966f;background:#eff3e7;border-radius:20px;padding:5px 13px;font-size:11px}.emoji-picker{z-index:100;border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(5,35px);padding:8px;position:fixed;bottom:116px;left:350px;box-shadow:0 8px 25px #26321220}.emoji-picker:not([hidden]){display:grid}.emoji-picker button{border-radius:6px;padding:4px;font-size:22px}#toast{opacity:0;pointer-events:none;color:#73855b;z-index:500;background:#f9fcf2;border:1px solid #e1e7d5;border-radius:9px;padding:11px 20px;font-size:12px;transition:all .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);box-shadow:0 5px 25px #303e1c18}#toast.visible{opacity:1;transform:translate(-50%)}.highlight{animation:2s highlight}@keyframes highlight{0%,50%{background:#fff0d7}to{background:0 0}}.swatches{gap:8px;margin:20px 0;display:flex}.swatches i{border-radius:12px;width:45px;height:45px}.brand-sheet{background:#f2f4e9;border-radius:10px;padding:30px}.brand-sheet h3{letter-spacing:-3px;margin:0 0 10px;font-size:42px}.brand-sheet p{color:#7a856a;font-size:13px;line-height:1.9}.dark-preview{filter:brightness(.92)}@media (min-width:1550px){.app{grid-template-columns:78px 266px minmax(420px,1fr) 355px}.message-list{padding:23px 36px}.message{margin-bottom:26px}.message-text{font-size:13px}.preview-art{height:155px}.brand-preview{max-width:460px}.channel-header{padding:24px 36px}.tabs{padding:0 36px}.composer-wrap{padding:0 32px 17px}.thread-body{padding:26px}.thread-body .message-text{font-size:12px}.thread-header{padding:0 25px}.rail{padding-left:13px}.sidebar{padding-left:17px;padding-right:17px}}@media (max-width:1250px){.workspace-label{display:none}.app{grid-template-columns:64px 216px minmax(380px,1fr) 290px}.rail{padding-left:6px;padding-right:6px}.sidebar{padding-left:10px;padding-right:10px}.thread-header{padding:0 16px}.thread-body{padding:20px 15px}.channel-header{padding-left:22px;padding-right:18px}.message-list{padding-left:22px;padding-right:22px}.channel-actions{gap:5px}.member-stack .avatar:nth-child(3){display:none}.tabs{gap:19px;padding:0 22px}.channel-private{display:none}.app.thread-hidden{grid-template-columns:64px 216px minmax(0,1fr)}.sidebar-bottom{font-size:7px}.composer-caption>span:last-child{display:none}.thread-header span{font-size:9px}}@media (max-width:1050px){.app{grid-template-columns:64px 216px minmax(0,1fr)}.thread-panel{z-index:20;width:326px;position:fixed;top:68px;bottom:0;right:0;box-shadow:-15px 0 35px #3a442414}.thread-panel[hidden],.channel-actions .member-stack{display:none}.topbar{gap:20px}.today{display:none}.global-search{width:340px;margin-left:50px}.brand-preview{max-width:400px}}@media (max-width:700px){.app,.app.thread-hidden{grid-template-rows:60px minmax(0,1fr);grid-template-columns:55px minmax(0,1fr);min-height:450px}.topbar{gap:10px;padding:0 12px}.brand{gap:6px;font-size:29px}.brand-mark i{width:8px;height:19px}.brand-mark i:last-child{height:14px}.top-right{gap:5px}.top-right>.icon-button{display:none}.global-search{flex:1;width:auto;max-width:250px;height:33px;margin-left:auto;font-size:10px}.global-search kbd{display:none}.rail{padding:15px 4px 10px}.rail-item{width:46px;font-size:9px}.rail-item svg{width:20px}.rail-top{gap:12px}.sidebar{z-index:30;width:230px;display:none;position:fixed;top:60px;bottom:0;left:55px;box-shadow:10px 0 30px #35472118}.sidebar.mobile-open{display:flex}.chat-main{grid-column:2}.mobile-menu{margin-left:-8px;display:flex}.channel-header{justify-content:flex-start;gap:6px;min-height:81px;padding:15px 12px}.channel-heading{flex:1}.channel-heading p{margin-top:5px;font-size:9px}h1{font-size:15px}.heading-hash{font-size:19px}.channel-actions{gap:0}.header-divider,.channel-actions>.icon-button:first-of-type{display:none}.tabs{gap:17px;padding:0 14px}.tab{gap:4px;font-size:10px}.tab svg{width:13px}.pinned-bar{gap:6px;min-height:36px;padding:8px 14px;font-size:8px}.pin-divider{margin:0 5px}.message-list{padding:15px 13px 5px}.message{gap:8px;margin-bottom:20px}.message .avatar{border-radius:9px;width:29px;height:29px;font-size:11px}.message-meta{gap:6px}.message-meta strong{font-size:11px}.message-meta .role{display:none}.message-text{font-size:11px;line-height:1.9}.brand-preview{max-width:100%}.preview-art{height:120px;padding:15px}.preview-copy h3{font-size:21px}.preview-eyebrow{font-size:5px}.art-shapes{width:85px;height:80px}.art-bubble{border-radius:18px 18px 18px 5px;gap:6px;width:52px;height:43px;top:5px}.art-bubble.green{border-radius:17px 17px 5px;width:47px;height:37px;top:40px;left:37px}.art-star{font-size:20px;top:-6px;right:-1px}.art-bubble i{width:4px;height:7px}.preview-footer{padding:9px}.preview-footer strong{font-size:8px}.preview-footer small{font-size:7px}.file-label{font-size:6px}.composer-wrap{padding:0 10px 10px}.composer textarea{padding:12px 12px 0;font-size:11px}.composer textarea::placeholder{font-size:10px}.composer-bottom{padding:4px 8px 8px}.send-controls>span{display:none}.composer-caption{font-size:7px}.composer-tools{gap:0}.thread-panel{width:calc(100vw - 55px);max-width:350px;top:60px}.thread-link{gap:4px;font-size:9px}.thread-link small{display:none}.emoji-picker{bottom:115px;right:20px;left:auto!important}.date-divider{margin-bottom:20px}.sidebar-bottom{padding-top:20px}.topbar .avatar.small{width:28px;height:28px}.thread-header{height:65px;min-height:65px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.channel,.sidebar-shortcuts button{color:#68725d}.section-label{color:#7d8870}.message-text{color:#58634e}.message-meta time{color:#8b957d}.channel-heading p{color:#818c72}.thread-header span{color:#899578}.tab{color:#7c886d}.composer textarea::placeholder,.thread-composer textarea::placeholder{color:#929e82}@media (min-width:701px){.message-text,.message-meta strong{font-size:13px}.thread-body .message-text,.thread-body .message-meta strong{font-size:12px}.channel{font-size:13px}.sidebar-shortcuts button,.tab,.channel-heading p{font-size:12px}.composer textarea{font-size:13px}.thread-composer textarea{font-size:12px}}button:disabled{cursor:not-allowed;opacity:.5}.boot-screen{color:#7e8970;background:#f7f8f4;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100dvh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.channel-filter{display:flex}.channel-filter input{color:#67745a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.channel-filter button{padding:0;display:flex}.channel-filter svg{width:16px;height:16px}.connection-state{color:#a38e69;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.connection-state svg{width:14px;height:14px}.connection-state.is-online{color:#829b72}.profile-control{border-radius:9px;padding:0}.sidebar-hint{color:#89957a;padding:0 12px;font-size:10px;line-height:1.8}.channel-private{align-items:center;gap:5px;display:flex}.channel-private svg{width:12px;height:12px}.tabs span.tab{cursor:default}.pinned-bar .tiny-spark{font-size:17px}.load-older{color:#82916e;background:#f7f9f2;border:1px solid #e5e9dd;border-radius:20px;align-items:center;gap:6px;margin:0 auto 20px;padding:7px 14px;font-size:11px;display:flex}.load-older svg{width:13px;height:13px}.loading-inline{color:#89947a;text-align:center;margin:20px;font-size:12px}.error-banner{color:#a7523e;background:#fff4ef;border:1px solid #edc4ba;border-radius:7px;padding:11px 13px;font-size:12px;line-height:1.8}.error-banner button{color:#9a4b38;margin-left:10px;text-decoration:underline}.send-error{color:#af6048;margin:8px 2px;font-size:11px}.inline-emojis{gap:3px;display:flex}.inline-emojis button{border-radius:5px;padding:3px;font-size:17px}.thread-composer-wrap{margin-bottom:16px}.thread-composer-wrap .composer-caption{justify-content:center;margin-top:10px}.thread-composer>div.composer-bottom{padding:6px 10px 9px}.thread-composer textarea{min-height:73px}.thread-body .role{display:none}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#283b2340;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.members-dialog{background:#fff;border:1px solid #e5eadb;border-radius:14px;width:min(420px,100%);max-height:85dvh;padding:23px;overflow:auto;box-shadow:0 20px 80px #273a2525}.app-toast{z-index:200;color:#73865c;background:#f6faed;border:1px solid #dae2cc;border-radius:9px;padding:12px 20px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #31402820}.login-page{background:#fdfefb;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{background:#eef1e7;flex-direction:column;align-items:flex-start;padding:55px 10%;display:flex;position:relative;overflow:hidden}.login-story>.brand{margin-bottom:100px;font-size:41px}.login-eyebrow{letter-spacing:2.4px;color:#8a9677;font-size:10px}.login-story h1{letter-spacing:-2.8px;color:#46563b;margin:20px 0;font-size:46px;font-weight:650;line-height:1.45}.login-story h1 span{color:var(--coral)}.login-story p{color:#8e9c7f;margin:0;font-size:16px;line-height:1.9}.login-story>small{color:#a2af93;margin-top:auto;padding-top:160px;font-size:10px}.login-art{width:210px;height:160px;position:absolute;bottom:70px;right:70px;transform:rotate(-10deg)}.login-art .art-bubble{border-radius:42px 42px 42px 10px;gap:16px;width:128px;height:99px;top:0;left:0}.login-art .art-bubble i{width:8px;height:17px}.login-art .green{border-radius:38px 38px 10px;width:113px;height:90px;top:78px;left:100px}.login-art .green i{height:8px}.login-art .art-star{font-size:43px;top:-20px;right:0}.login-form-area{justify-content:center;align-items:center;padding:50px;display:flex}.login-card{width:100%;max-width:350px}.login-wave{font-size:30px}.login-card h2{letter-spacing:-1px;color:#405039;margin:18px 0 8px;font-size:25px}.login-card>p{color:#8d9a7e;font-size:12px;line-height:1.8}.login-card form{flex-direction:column;margin-top:32px;display:flex}.login-card label{color:#6d7a5f;margin-bottom:8px;font-size:11px;font-weight:600}.login-card input{color:#58694a;background:#fff;border:1px solid #dfe5d6;border-radius:7px;margin-bottom:20px;padding:12px 13px;font-size:13px}.login-card input::placeholder{color:#aeb7a5}.login-submit{background:var(--coral);color:#fff;border-radius:8px;justify-content:center;align-items:center;height:44px;margin-top:5px;font-weight:600;display:flex}.login-submit:hover{background:#df7f68}.login-help{text-align:center;margin-top:18px!important;font-size:10px!important}.dev-login{color:#9ba48e;border-top:1px solid #e9ecdf;margin-top:30px;padding-top:18px;font-size:11px}.dev-login summary{cursor:pointer}.dev-login p{font-size:10px;line-height:1.8}.dev-login>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.dev-login button{border:1px solid #e3e9d9;border-radius:7px;align-items:center;gap:9px;padding:8px;font-size:11px;display:flex}.message-text{overflow-wrap:anywhere;word-break:normal}.member-stack{border-radius:8px}.thread-panel{z-index:10}@media (max-width:1050px){.connection-state span{display:none}.login-story h1{font-size:36px}.login-story{padding:45px 12%}.login-art{right:30px;transform:scale(.8)rotate(-10deg)}}@media (max-width:700px){.login-page{grid-template-columns:1fr}.login-story{padding:25px 30px}.login-story>.brand{margin-bottom:28px;font-size:32px}.login-story h1{letter-spacing:-1.8px;margin:12px 0;font-size:30px}.login-story p{font-size:12px}.login-story>small{display:none}.login-art{transform-origin:100% 100%;width:100px;height:80px;bottom:30px;right:35px;transform:scale(.5)}.login-form-area{padding:35px 30px 50px}.login-card{max-width:400px}.login-card h2{font-size:22px}.login-wave{display:none}.login-card form{margin-top:25px}.connection-state{display:none}.topbar .global-search{width:130px}.channel-filter input{font-size:10px}.topbar>.button{padding:0}.thread-composer-wrap .composer-caption{font-size:8px}.app-toast{text-align:center;width:80%}.sidebar{z-index:25}.message-text{font-size:12px}}.account-page{background:#f6f7f2;flex-direction:column;align-items:center;min-height:100dvh;padding:46px 24px 24px;display:flex}.account-brand{color:inherit;margin-bottom:34px;text-decoration:none}.account-card.login-card{background:#fff;border:1px solid #e5e7dd;border-radius:20px;width:100%;max-width:480px;padding:36px;box-shadow:0 12px 40px #27342607}.account-symbol{color:#647853;background:#eef2e8;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.account-symbol svg{width:25px;height:25px}.account-eyebrow{letter-spacing:1.6px;color:#7b866f;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.account-card h1{letter-spacing:-1.2px;margin:0 0 12px;font-size:25px;line-height:1.4}.account-card p{line-height:1.8}.account-link{justify-content:center;align-items:center;margin:24px 0 10px;text-decoration:none;display:flex}.account-notice{color:#527044}.account-footer{color:#858d7c;margin-top:28px;font-size:11px}.text-link{text-align:center;color:#68785a;text-underline-offset:3px;margin:18px auto 0;font-size:12px;text-decoration:underline;display:block}.login-help a{color:#68785a;text-underline-offset:3px}.field-hint{color:#7b8373;margin:6px 0;font-size:11px;line-height:1.65;display:block}.invited-email{overflow-wrap:anywhere;background:#f4f6f0;border-radius:8px;align-items:center;gap:8px;margin:20px 0 12px;padding:12px;font-size:13px;display:flex}.invitations{border-bottom:1px solid #e4e8dd;margin-bottom:18px;padding-bottom:20px}.invitations h3{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.invitations>p{color:#738069;font-size:12px;line-height:1.7}.invite-form{flex-direction:column;gap:7px;margin-top:16px;display:flex}.invite-form label{font-size:11px;font-weight:600}.invite-form input,.invite-form select{color:#32382d;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #dce2d3;border-radius:8px;padding:0 12px;font-size:13px}.invite-form .login-submit{margin-top:8px}.success-notice{color:#4e7041;background:#f0f5e9;border-radius:8px;padding:10px;font-size:12px;line-height:1.7}.invitation-history{margin-top:18px;font-size:12px}.invitation-history summary{cursor:pointer;color:#68785a;padding:6px 0}.invitation-row{border-top:1px solid #edf0e7;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.invitation-row>div:first-child{min-width:0}.invitation-row strong{overflow-wrap:anywhere;font-size:12px;display:block}.invitation-row small{color:#78826e;margin-top:4px;font-size:10px;display:block}.invitation-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.invitation-actions button{color:#657855;align-items:center;gap:4px;font-size:11px;display:flex}@media (max-width:500px){.account-page{padding:26px 16px}.account-card.login-card{padding:26px 22px}.account-card h1{font-size:23px}.invitation-row{flex-wrap:wrap}}.members-dialog .modal-top{z-index:1;background:#fff;border-bottom:1px solid #edf0e7;margin:-23px -23px 18px;padding:20px 23px 16px;position:sticky;top:-23px}.section-label .section-add{width:26px;height:26px;padding:4px}.start-conversation{color:var(--muted);text-align:left;border:1px dashed #ccd7c4;border-radius:7px;margin:3px 14px 12px;padding:8px;font-size:12px}.heading-lock{color:#71865f;width:19px}.dm-start{color:#56723e;background:#f4f7ef;border:1px solid #dce4d3;border-radius:8px;flex-shrink:0;margin-left:auto;padding:7px 12px;font-size:12px}.member-search{width:100%;font:inherit;background:#fff;border:1px solid #dce2d3;border-radius:8px;padding:11px 12px;font-size:13px}.visibility-options{border:0;margin:14px 0 0;padding:0}.visibility-options legend{margin-bottom:8px;font-size:11px;font-weight:600}.visibility-options>label{cursor:pointer;border:1px solid #dce2d3;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:14px 12px;display:flex}.visibility-options>label:has(input:checked){background:#f0f5e9;border-color:#92aa7b}.channel-create-form input[type=radio],.channel-create-form input[type=checkbox]{accent-color:#718b56;flex-shrink:0;width:16px;height:16px}.visibility-options svg{color:#71865f;width:19px}.visibility-options strong{font-size:13px;display:block}.visibility-options small{color:#74806b;margin-top:4px;font-size:11px;font-weight:400;display:block}.member-picker>label{margin:8px 0;display:block}.member-picker-list{max-height:180px;margin-top:8px;overflow-y:auto}.member-choice{cursor:pointer;align-items:center;gap:10px;padding:9px 2px;display:flex}.optional{color:#7b8476;font-weight:400}.channel-people-button{color:#66795a;border:1px solid #e0e6da;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.channel-people-button svg{width:17px;height:17px}.channel-member-list{max-height:32vh;overflow-y:auto}.channel-member-add{border-top:1px solid #e4e8dd;padding:18px 0}.channel-member-add .modal-button{align-items:center;gap:7px;display:inline-flex}.channel-member-add svg,.channel-leave svg{width:16px;height:16px}.channel-member-add .member-picker{margin-top:12px}.channel-member-add input[type=checkbox]{accent-color:#718b56;width:16px;height:16px}.channel-leave{border-top:1px solid #e4e8dd;margin-top:10px;padding-top:16px}.danger-button{color:#a85243;background:#faf0ed;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.membership-confirm{background:#fffbf6;border:1px solid #e9d8cf;border-radius:10px;margin:12px 0;padding:14px;font-size:13px}.membership-confirm p{color:#786b63;font-size:12px;line-height:1.7}.membership-confirm>div{justify-content:flex-end;gap:8px;display:flex}.membership-confirm .dm-start{margin-left:0}.channel.has-unread>span{font-weight:700}.unread-badge{color:#fff;white-space:nowrap;background:#d77862;border-radius:9px;justify-content:center;align-items:center;min-width:19px;padding:2px 6px;font-size:10px;line-height:1.4;display:inline-flex}.channel .unread-badge{flex:none;margin-left:auto}.read-receipt{color:#92998b;margin-top:5px;font-size:10px;display:block}.read-receipt.is-read{color:#698452}.unread-thread-notice{color:#967347;background:#fff6eb;border-bottom:1px solid #eee3d3;padding:8px 24px;font-size:12px}.login-brand{color:inherit;margin-bottom:100px;text-decoration:none;display:inline-block}.login-brand .brand{font-size:41px}.otp-destination{overflow-wrap:anywhere;color:#5b6d4c;align-items:center;gap:8px;margin:25px 0 8px;font-size:12px;display:flex}.otp-destination strong{min-width:0}.otp-notice{color:#728166;font-size:11px;line-height:1.8}.login-card .otp-code{letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:25px}.otp-expiry{color:#7c8a70;margin:0 0 15px;font-size:11px}.otp-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.otp-actions .text-link{align-items:center;gap:4px;font-size:11px;display:flex}.otp-flow .login-submit{gap:9px}.otp-flow button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.login-brand{margin-bottom:25px}.login-brand .brand{font-size:30px}}
