@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#292d2b;background:#fff;font-synthesis:none;--green:#27634d;--muted:#858a85;--line:#e9ebe6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9ac4a2;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #83a791;outline-offset:2px}h1,h2,p{margin:0}h1,h2{font-family:Manrope,sans-serif}input{width:100%;border:1px solid #dce1d9;border-radius:8px;padding:13px 14px;margin-top:8px;background:white;color:#292d2b}label{display:block;font-weight:600;font-size:13px;margin:20px 0}label small{display:block;font-weight:400;color:var(--muted);margin-top:7px}.muted{color:#7b817b;font-size:14px;line-height:1.7}.primary{background:var(--green);color:#fff;border-radius:8px;padding:14px 18px;font-weight:600}.primary:hover,.send-button:hover{background:#1d4c3b}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.brand-mark{width:42px;height:42px;background:#d6eaa5;color:#213e31;border-radius:12px;font:800 37px/36px Manrope,sans-serif;display:flex;align-items:center;justify-content:center;padding-bottom:6px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#779080}.auth-page{min-height:100dvh;background:#f6f7f2;display:flex;flex-direction:column;align-items:center;padding:38px 22px}.auth-brand{display:flex;align-items:center;gap:11px;font:800 26px Manrope,sans-serif;width:100%;max-width:1100px}.brand-caption{margin-left:auto;font:13px 'DM Sans',sans-serif;color:#7b817b}.auth-card{width:100%;max-width:470px;margin:44px 0 28px;background:#fff;border:1px solid #e5e9de;border-radius:18px;padding:38px;box-shadow:0 12px 50px #273b2110}.auth-card h1{font-size:31px;line-height:1.3;letter-spacing:-1px;margin:12px 0}.auth-card .primary{margin-top:25px}.auth-switch{font-size:13px;text-align:center;margin-top:24px;color:#7b817b}.auth-switch a{color:var(--green);font-weight:600}.auth-footer{font-size:12px;color:#949a91}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400}.checkbox-label input{width:16px;margin:0;accent-color:var(--green)}.form-error{color:#9a3b32;background:#fff0ed;border:1px solid #f3d5cf;padding:12px;border-radius:8px;font-size:13px;margin:14px 0}.workspace{display:grid;grid-template-columns:72px 260px minmax(0,1fr);height:100dvh;overflow:hidden}.rail{background:#203b30;display:flex;align-items:center;flex-direction:column;padding:22px 0 18px;color:#dfe8dd}.rail .brand-mark{width:39px;height:39px}.rail-home{margin-top:45px;width:43px;height:40px;border-radius:9px;background:#ffffff18;display:grid;place-items:center;font-size:29px;line-height:1}.rail-label{font-size:10px;margin-top:7px}.rail-bottom{margin-top:auto;width:34px;height:34px;border-radius:10px;background:#e6bb98;color:#45382c;display:grid;place-items:center;font-weight:700;border:3px solid #64816d}.sidebar{background:#f5f6f0;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.workspace-name{height:91px;padding:24px 22px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;border-bottom:1px solid #e5e8de}.workspace-sub{display:block;font-size:11px;font-weight:400;color:#92978b;margin-top:5px}.workspace-icon{font-size:25px;color:#617657}.sidebar-inner{padding:22px 14px;overflow:auto;flex:1}.workspace-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e8978;padding:0 10px 31px}.green-dot{display:inline-block;width:6px;height:6px;background:#709770;border-radius:50%}.section-label{display:flex;align-items:center;justify-content:space-between;color:#899180;font-size:10px;font-weight:700;letter-spacing:1.4px;padding:0 10px;margin-bottom:9px}.icon-button{font-size:21px;line-height:1;padding:6px;color:#7a8477;border-radius:5px}.icon-button:hover{background:#00000009}.channel-link{display:flex;gap:12px;align-items:center;font-size:14px;padding:11px 14px;margin:3px 0;border-radius:7px;color:#6c7668;overflow-wrap:anywhere}.channel-link>span{font-size:19px;color:#97a08f}.channel-link:hover{background:#eaede3}.channel-link.active{background:#dfe8d1;color:#35523b;font-weight:600}.channel-link.active>span{color:#607b51}.add-channel{color:#8b9582;font-size:12px;padding:13px 14px;display:flex;align-items:center;gap:12px}.add-channel>span{font-size:20px}.sidebar-note{border-top:1px solid #e4e8dc;margin:52px 10px 0;padding-top:23px;color:#929c87}.sidebar-note>span{font-size:8px;letter-spacing:1.3px;font-weight:700}.sidebar-note p{font-size:14px;line-height:1.8;margin-top:11px}.sidebar-note>div{font-size:27px;margin-top:14px;color:#a9b59a}.profile{display:flex;align-items:center;gap:10px;padding:18px 16px;border-top:1px solid #e5e8de}.profile-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600;font-size:12px}.profile-name small{display:block;font-size:10px;font-weight:400;color:#8a9382;margin-top:5px}.profile-name .green-dot{width:5px;height:5px;margin-right:3px}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:#e9e7d5;color:#777147;font-weight:700;font-size:15px}.avatar.own{background:#e8d7c5;color:#8a6548}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}.channel-header{height:91px;flex-shrink:0;display:flex;align-items:center;padding:0 34px;gap:20px;border-bottom:1px solid var(--line)}.channel-header h1{font-size:20px;letter-spacing:-.5px}.channel-header h1>span{color:#9da49b;margin-right:6px;font-weight:500}.channel-header p{font-size:12px;color:#93988f;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:55vw}.members{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:11px;color:#838d7d;border:1px solid #e4e8de;border-radius:7px;padding:7px 10px}.member-icon{font-size:18px}.channel-tabs{height:49px;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);gap:25px;flex-shrink:0;font-size:12px}.channel-tabs .selected{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--green);font-weight:600;color:var(--green)}.live-status{margin-left:auto;font-size:10px;color:#8e9e86}.conversation{flex:1;overflow:auto;padding:0 34px 25px;scroll-behavior:auto}.channel-welcome{padding:44px 0 29px}.welcome-hash{width:54px;height:54px;border-radius:16px;background:#eef1e5;font-size:36px;color:#789169;display:grid;place-items:center;margin-bottom:22px;font-weight:400}.channel-welcome h2{font-size:27px;letter-spacing:-1px;margin:10px 0 12px;overflow-wrap:anywhere}.channel-welcome p{font-size:13px;line-height:1.7;color:#8c9386;max-width:580px}.text-button{color:#618358;font-size:11px;font-weight:600;padding:0}.channel-welcome .text-button{margin-top:17px}.date-divider{display:flex;align-items:center;gap:16px;margin:3px 0 27px}.date-divider:before,.date-divider:after{content:'';height:1px;background:var(--line);flex:1}.date-divider span{color:#9ba291;font-size:10px}.empty-state{padding:30px 0;font-size:13px;color:#969e8e;text-align:center}.message{display:flex;align-items:flex-start;gap:12px;padding:11px 0}.message-content{min-width:0}.message-heading{display:flex;align-items:baseline;gap:10px;font-size:13px;font-weight:700}.message time{font-size:10px;color:#a0a598;font-weight:400}.message-body{font-size:13px;line-height:1.75;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;color:#606858}.message img,.message video{display:block;max-width:min(100%,520px);max-height:330px;border-radius:10px;margin:10px 0 6px;object-fit:contain;background:#f1f3ee}.attachment-name{font-size:10px;color:#8f9985;overflow-wrap:anywhere}.composer-area{padding:14px 30px 18px}.composer{border:1px solid #dbe2d3;border-radius:11px;overflow:hidden;box-shadow:0 3px 12px #233b2610}.composer:focus-within{border-color:#97ad8b}.composer textarea{display:block;resize:vertical;min-height:72px;max-height:170px;width:100%;border:0;padding:17px 17px 5px;font-size:13px;color:#515b4a;outline:none;background:transparent}.composer textarea::placeholder{color:#a2a996}.composer-toolbar{display:flex;justify-content:space-between;padding:9px 12px;align-items:center}.composer-toolbar>div{display:flex;align-items:center;gap:10px}.attach-button{width:28px;height:28px;border-radius:6px;background:#f0f3e9;color:#77876b;font-size:23px;line-height:1}.upload-hint{font-size:10px;color:#939d88}.upload-hint>span{color:#b0b8a6}.send-button{background:var(--green);color:white;font-size:11px;border-radius:6px;padding:9px 13px;display:flex;align-items:center;gap:16px}.send-button span{font-size:17px}.composer-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a4ac9b;margin:11px 3px 0}.composer-caption b{font-weight:500;color:#8e9984}.attachment-preview{margin:6px 15px;padding:8px 12px;background:#f0f4e9;font-size:12px;border-radius:5px;display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.older{display:block;margin:0 auto 20px}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #e3e8dc;border-radius:16px;padding:28px;box-shadow:0 25px 100px #182c3333}dialog::backdrop{background:#13251e77;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-heading h2{font-size:23px;letter-spacing:-.8px}.mobile-menu{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1550px){.conversation{padding-left:55px;padding-right:55px}.composer-area{padding-left:50px;padding-right:50px}}@media(max-width:1000px){.workspace{grid-template-columns:60px 220px minmax(0,1fr)}.workspace-name{padding:20px 16px;font-size:14px}.channel-header,.channel-tabs{padding-left:22px;padding-right:22px}.conversation{padding-left:22px;padding-right:22px}.composer-area{padding:12px 20px}.members>span:last-child{display:none}.composer-caption>span:first-child{display:none}.composer-caption{justify-content:flex-end}.upload-hint>span{display:none}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.rail{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:5;box-shadow:15px 0 50px #203b3030;transform:translateX(-110%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.channel-header{height:82px;padding:0 16px;gap:10px}.channel-header h1{font-size:18px}.channel-header p{max-width:58vw;font-size:10px}.members{padding:5px;font-size:10px}.channel-tabs{padding:0 20px}.conversation{padding:0 20px 20px}.channel-welcome{padding-top:32px}.channel-welcome h2{font-size:23px}.composer-area{padding:8px 12px 15px}.upload-hint{font-size:9px}.composer-caption{font-size:8px}.brand-caption{display:none}.auth-card{padding:28px;margin-top:35px}.auth-card h1{font-size:28px}}