:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#293b32;background:#edf1ec;font-synthesis:none;font-weight:400;--green: #377d5b;--ink: #263b30;--muted: #8c968e;--border: #e9ece6;--soft: #f3f6f0}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid #66a982;outline-offset:3px}input:focus,textarea:focus{outline:none}input,textarea{color:var(--ink)}a{color:inherit;text-decoration:none}::selection{background:#c7e5d0}h1,h2,h3,p{margin:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:650;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;font-weight:500;margin-top:3px;color:#839488}.brand-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;background:#397e5b;color:#fff;border-radius:15px}.brand-mark span{position:absolute;width:6px;height:6px;border-radius:50%;background:#c5e6ab;top:13px;right:11px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#7a9583}.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:#397d5a;color:#fff;padding:13px 21px;border-radius:9px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#2b6747}.primary:active{transform:translateY(1px)}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#849088}.icon-button:hover,.icon-button.active{color:#397e5b;background:#edf3ed}.full{width:100%}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;background:#fcfdfb}.auth-story{background:#edf4e9;padding:44px 65px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:before{content:"";position:absolute;right:-160px;top:-260px;width:600px;height:600px;border-radius:50%;border:1px solid #dce8d8;pointer-events:none}.story-copy{margin:auto 0;max-width:570px;padding:70px 0 30px}.story-copy .eyebrow{display:flex;align-items:center;gap:9px}.story-copy .eyebrow span{width:6px;height:6px;border-radius:50%;background:#689876}.story-copy h1{font-size:clamp(32px,3.4vw,52px);font-weight:550;letter-spacing:1px;line-height:1.55;margin-top:23px}.story-copy h1 span,.welcome h2 span{color:#7aa776}.story-copy p{font-size:15px;color:#849181;line-height:1.9;margin-top:22px}.story-tags{display:flex;gap:27px;color:#708d76;font-size:12px;margin-top:12px}.story-tags span{display:flex;align-items:center;gap:7px}.auth-bottom{font-size:11px;color:#91a08d;display:flex;justify-content:space-between;padding-top:30px;gap:20px}.auth-form-area{display:flex;flex-direction:column;align-items:center;padding:60px 38px 25px}.auth-form{width:100%;max-width:350px;margin:auto 0;padding:50px 0}.auth-form .eyebrow{font-size:9px}.auth-form h2{font-size:25px;font-weight:600;margin-top:18px;letter-spacing:.5px}.auth-form>p{font-size:13px;color:#8b968d;margin-top:12px}.auth-tabs{display:flex;background:#f0f3ed;border-radius:9px;padding:4px;margin:32px 0 26px}.auth-tabs button{flex:1;padding:10px;font-size:13px;color:#8a978b;border-radius:6px}.auth-tabs .active{background:#fff;color:#3d7355;box-shadow:0 2px 6px #21321f08}.auth-form label,.modal form>label{display:block;font-size:12px;color:#5e7063;margin:19px 0}.auth-form input,.modal form>label input{display:block;width:100%;height:46px;border:1px solid #e1e7de;background:#fff;border-radius:8px;padding:0 13px;margin-top:9px;font-size:13px;transition:border-color .2s}.auth-form input:focus,.modal form>label input:focus{border-color:#7dab83;box-shadow:0 0 0 3px #e8f0e4}.auth-form input::placeholder{color:#afb8ad;font-size:12px}.auth-submit{width:100%;margin-top:30px;height:45px}.auth-submit svg{margin-left:auto}.auth-submit:has(.spin){justify-content:center}.auth-submit:has(.spin) svg{margin:0}.auth-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#9ba697;margin-top:20px}.auth-footer{display:flex;gap:7px;font-size:11px;color:#9aaa95}.auth-mobile-brand{display:none}.form-error{font-size:12px;color:#ae5b49;padding:10px;background:#fff3ed;border-radius:6px}.connection-art{position:relative;width:310px;height:245px;margin:10px auto 20px}.art-orbit{width:210px;height:210px;position:absolute;left:50px;top:20px;border-radius:50%;background:#e2ecd9;border:1px dashed #c6d9bc}.art-orbit:after{content:"";position:absolute;inset:17px;border:1px solid #d4e2cb;border-radius:50%}.art-note{position:absolute;width:115px;height:134px;left:74px;top:70px;background:#fafff6;border-radius:12px;box-shadow:5px 12px 26px #47643111;transform:rotate(-12deg);padding:34px 20px;z-index:1}.art-note span{display:block;width:70px;height:6px;background:#d5e4cc;border-radius:9px;margin-bottom:12px}.art-note span:nth-child(2){width:52px}.art-note span:nth-child(3){width:35px}.art-bubble{position:absolute;display:grid;place-items:center;border-radius:23px;box-shadow:0 10px 25px #354d2510;z-index:2}.art-bubble.one{width:86px;height:73px;background:#679b73;color:#eff7e9;top:51px;left:163px;transform:rotate(12deg)}.art-bubble.one:after{content:"";position:absolute;bottom:-8px;left:15px;border-top:15px solid #679b73;border-right:14px solid transparent}.art-bubble.two{width:67px;height:62px;background:#e5cf9e;color:#98803e;left:188px;top:152px;transform:rotate(-9deg);border-radius:18px}.art-spark{position:absolute;width:7px;height:7px;background:#b1c49b;border-radius:50%}.s1{top:50px;left:38px}.s2{top:171px;left:27px;width:12px;height:12px;background:#e0c9a0}.s3{left:282px;top:116px}.welcome .connection-art{transform:scale(1.14);margin-bottom:40px}.workspace{display:flex;height:100dvh;min-height:500px;background:#fff;overflow:hidden}.rail{width:76px;flex-shrink:0;background:#e7eee2;display:flex;align-items:center;flex-direction:column;padding:30px 0 23px;border-right:1px solid #dfe8d9}.rail-logo{width:43px;height:43px;position:relative;display:grid;place-items:center;background:#397d5a;color:#fff;border-radius:14px}.rail-logo>span{position:absolute;right:11px;top:12px;width:5px;height:5px;border-radius:50%;background:#cbe5a7}.rail-nav{margin-top:45px;display:flex;flex-direction:column;gap:21px}.rail-nav button{position:relative;width:48px;height:57px;display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:center;border-radius:12px;color:#8a9b83}.rail-nav small{font-size:10px}.rail-nav button.active{color:#397c57;background:#d5e4ce}.rail-nav button:hover{color:#397c57}.rail-nav i{width:7px;height:7px;background:#d99a7e;border:2px solid #e7eee2;border-radius:50%;position:absolute;top:8px;right:9px}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:24px;color:#87987d}.rail-bottom>button{padding:5px;display:grid;place-items:center}.rail-bottom .profile-button{padding:3px;background:#f7faf4;border-radius:11px}.sidebar{width:320px;flex-shrink:0;background:#fbfcf9;border-right:1px solid #e7ebe3;display:flex;flex-direction:column}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:34px 25px 25px}.sidebar-eyebrow{font-size:9px;letter-spacing:2px;color:#8e9e84;margin-bottom:9px}.sidebar-heading h1{font-size:25px;font-weight:600;display:flex;gap:11px;align-items:center;letter-spacing:1px}.sidebar-heading h1>span{font-size:11px;background:#eef2e8;color:#8e9d80;min-width:20px;padding:3px 6px;border-radius:5px;letter-spacing:0;font-weight:500}.add-button{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e4e9df;background:#fff;border-radius:10px;color:#71866b;margin-top:13px}.add-button:hover{background:#edf3e8}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #edf0e9;background:#f1f4ec;border-radius:8px;color:#92a08a;margin:0 24px;height:37px;padding:0 11px}.search-field input{width:100%;min-width:0;border:0;background:transparent;font-size:12px}.search-field input::placeholder{color:#9aa692}.search-field button{display:grid;place-items:center;padding:0}.list-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#86967c;padding:25px 25px 13px}.list-caption span{color:#abb4a3;font-size:10px}.list-caption b{font-weight:500;background:#e7efdf;padding:2px 6px;border-radius:4px;margin-left:auto}.conversation-list,.contact-list{flex:1;min-height:0;overflow:auto;padding:0 10px}.contact-list .list-caption{padding-left:15px;padding-right:15px}.conversation{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:17px 14px;border-radius:9px;margin-bottom:2px}.conversation:hover{background:#f0f4eb}.conversation.selected{background:#eaf1e2}.avatar{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#d6e6c9;color:#618453;font-size:18px;font-weight:500;letter-spacing:0}.avatar.small{width:34px;height:34px;border-radius:10px;font-size:14px}.avatar.large{width:72px;height:72px;border-radius:21px;font-size:28px}.avatar.blue{background:#dbe8ed;color:#65899a}.avatar.peach{background:#f0dfd2;color:#a37a61}.avatar.lilac{background:#e7e1ed;color:#90809d}.avatar.sand{background:#eae5ce;color:#938a5a}.avatar.group{background:#dce7ce;color:#789158}.conversation-copy{min-width:0;flex:1}.conversation-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-title strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title time{color:#9ba58f;font-size:10px;white-space:nowrap}.conversation-preview{margin-top:8px;display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:11px;color:#8c9982}.conversation-preview>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-preview b{flex-shrink:0;background:#7f9e69;color:#fff;font-size:9px;padding:2px 5px;min-width:16px;border-radius:9px;text-align:center;font-weight:500}.sidebar-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #e9eee3;margin:0 24px;padding:18px 0;font-size:10px;color:#a1ad94}.status-dot{height:5px;width:5px;border-radius:50%;background:#8ca875}.status-dot.offline{background:#c8a16d}.footer-leaf{display:flex;align-items:center;gap:4px;margin-left:auto}.list-empty{text-align:center;padding:70px 12px 30px;color:#adba9f}.list-empty>svg{margin-bottom:17px;color:#aabd9a}.list-empty h3{font-size:12px;font-weight:500;color:#7e9271;line-height:1.7}.list-empty p{font-size:11px;line-height:1.8;margin:8px 0 20px}.list-empty button{color:#608152;display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:8px 12px;border-radius:7px;background:#eff4e9}.contact-request,.contact-row{display:flex;align-items:center;padding:13px 12px;gap:11px;width:100%;text-align:left}.contact-request>div:not(.avatar),.contact-row>div:not(.avatar){flex:1;min-width:0}.contact-request strong,.contact-row strong,.person-row strong{display:block;font-size:13px;font-weight:500}.contact-request small,.contact-row small,.person-row small{display:block;font-size:11px;color:#99a58f;margin-top:5px}.contact-row:hover{background:#eef4e8;border-radius:8px}.contact-row>svg{color:#8a9e7a}.accept{width:26px;height:26px;background:#e6eedc;border-radius:6px;color:#6f9253;display:grid;place-items:center}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f7f9f4;position:relative}.chat-header{display:flex;align-items:center;gap:12px;min-height:86px;padding:20px 32px;background:#fcfdfb;border-bottom:1px solid #e9ede4}.chat-heading{flex:1;min-width:0}.chat-heading h2{font-size:15px;font-weight:600;display:flex;align-items:center;gap:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-heading h2 span{font-size:9px;color:#8d9e7e;background:#eff3e9;padding:3px 6px;border-radius:4px;font-weight:400}.chat-heading p{font-size:10px;color:#a0ad96;margin-top:7px}.mobile-back{display:none}.message-area{overflow:auto;flex:1;min-height:0;padding:10px 36px 20px;scrollbar-width:thin;scrollbar-color:#dce4d5 transparent}.date-divider{display:flex;justify-content:center;margin:23px 0 28px}.date-divider span{font-size:10px;color:#a3af98;background:#eef2e8;padding:5px 12px;border-radius:5px}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:24px}.message>.avatar{margin-top:1px}.message-content{max-width:min(75%,600px);min-width:0}.message.mine{flex-direction:row-reverse}.bubble{background:#fff;border:1px solid #e7ece1;border-radius:0 12px 12px;padding:12px 15px;color:#4c5d43;font-size:13px;line-height:1.7;box-shadow:0 2px 3px #22330e02}.mine .bubble{background:#e0eccf;border-color:#dce8ca;border-radius:12px 0 12px 12px;color:#486035}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.message-time{display:flex;align-items:center;gap:4px;font-size:9px;color:#a8b49c;margin-top:6px}.mine .message-time{justify-content:flex-end;color:#91a878}.sender-name{font-size:10px;color:#96a18e;margin-bottom:6px}.message-image{display:block;max-width:min(340px,100%);max-height:300px;border-radius:8px;object-fit:contain}.attachment-bubble{padding:6px}.file-card{display:flex;align-items:center;gap:12px;max-width:300px;padding:7px 5px}.file-card>span:nth-child(2){flex:1;min-width:0}.file-card strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-card small{display:block;color:#96a38a;font-size:10px;margin-top:4px}.file-icon{width:42px;height:48px;display:grid;place-items:center;background:#f2f5ec;color:#8da378;border:1px solid #e2e9d7;border-radius:6px;flex-shrink:0}.file-card>svg{color:#94a681;flex-shrink:0}.first-message{text-align:center;color:#a2ae98;padding:70px 20px}.first-message-icon{display:grid;place-items:center;background:#edf2e5;border-radius:14px;width:52px;height:52px;margin:0 auto 17px;color:#a6b697}.first-message h3{font-size:13px;font-weight:500;color:#889e77;margin-bottom:10px}.first-message p{font-size:11px}.message-loading{display:flex;justify-content:center;padding-top:70px;color:#94a882}.history-button{display:flex;gap:5px;align-items:center;font-size:10px;color:#8da279;margin:15px auto 5px}.composer{flex-shrink:0;position:relative;background:#fcfdfb;border-top:1px solid #e7ece0;padding:13px 30px 18px}.composer-tools{display:flex;justify-content:space-between;align-items:center}.composer-left{display:flex;gap:9px}.composer-left .icon-button{color:#92a386}.composer-left .icon-button:hover{color:#588240}.composer-limit{font-size:10px;letter-spacing:.5px;color:#b2bba9}.composer textarea{display:block;width:100%;height:71px;border:0;resize:none;background:none;font-size:13px;padding:13px 4px 4px;line-height:1.8}.composer textarea::placeholder{color:#b0b8a6}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.composer-bottom>span{color:#bac2b1;font-size:9px}.send-button{display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 18px;background:#6f9654;color:#fff;border-radius:7px;min-width:90px;font-size:12px}.send-button:hover{background:#5e8544}.send-button:disabled{background:#dfe8d6;color:#9caf8b;opacity:1}.pending-attachment{display:flex;align-items:center;gap:9px;background:#f0f5e9;border:1px solid #e2ead8;padding:9px 13px;border-radius:7px;max-width:330px;font-size:11px;color:#7a9265;margin:7px 0}.pending-attachment>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-image{width:54px;height:54px;flex-shrink:0;object-fit:cover;border-radius:5px}.pending-attachment small{display:block;font-size:9px;color:#a4b296;margin-top:4px}.pending-attachment>button{padding:0;display:grid;place-items:center}.emoji-picker{position:absolute;bottom:180px;left:28px;background:#fff;box-shadow:0 6px 35px #2c43211a;border:1px solid #e4ecdb;display:grid;grid-template-columns:repeat(6,1fr);padding:12px;border-radius:12px;gap:5px;z-index:3}.emoji-picker button{font-size:23px;padding:5px;border-radius:6px}.emoji-picker button:hover{background:#f0f5ea}.welcome{height:100%;display:flex;flex-direction:column;padding:32px 36px;background:radial-gradient(ellipse at 50% 47%,#edf3e4,#f7f9f3 52%)}.welcome-top{display:flex;justify-content:space-between;font-size:10px;color:#acb79f}.welcome-top>span:last-child{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1.5px}.welcome-center{margin:auto;text-align:center;padding:15px}.welcome-center .eyebrow{color:#a0b08d;font-size:9px;letter-spacing:1.7px}.welcome h2{font-size:28px;font-weight:500;letter-spacing:1px;margin-top:18px;line-height:1.7;color:#576d49}.welcome p{font-size:12px;color:#a2af94;line-height:1.9;margin-top:13px}.welcome .primary{margin:25px auto 0;background:#72945b;font-weight:400;font-size:12px;width:max-content;padding:12px 22px}.welcome .primary:hover{background:#608247}.welcome-account{display:flex;justify-content:center;align-items:center;gap:9px;font-size:10px;margin-top:24px;color:#a9b499}.welcome-account button{display:flex;align-items:center;gap:6px;color:#8d9f7c}.welcome-bottom{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px;color:#b4bea7;padding:10px}.welcome-bottom svg{color:#aaba96}.modal-backdrop{position:fixed;inset:0;background:#23332048;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20;padding:24px}.modal{background:#fcfdfb;width:430px;max-width:100%;border-radius:18px;padding:26px;box-shadow:0 25px 70px #18361926;max-height:calc(100dvh - 48px);overflow:auto;animation:appear .18s ease}.modal header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:25px}.modal h2{font-size:19px;font-weight:600;color:#4b6242}.modal header p{font-size:11px;color:#9ba88e;line-height:1.8;margin-top:9px}.modal header .icon-button{margin-top:-5px;margin-right:-7px}.new-actions{display:flex;flex-direction:column;gap:10px}.new-actions button{display:flex;align-items:center;gap:14px;padding:17px 13px;border:1px solid #e5ecdc;border-radius:11px;text-align:left}.new-actions button:hover{background:#eff5e8}.new-actions button>span{width:43px;height:43px;background:#eaf1e2;border-radius:12px;display:grid;place-items:center;color:#8ba570}.new-actions button>div{flex:1}.new-actions strong{font-size:13px;font-weight:500}.new-actions p{color:#a4b095;font-size:10px;margin-top:7px}.new-actions button>svg{color:#a7b596}.modal-search{margin:0;height:42px}.people-results{min-height:150px;max-height:300px;overflow:auto;padding:10px 0}.person-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff2e9}.person-row>div:not(.avatar){flex:1;min-width:0}.soft-button{padding:8px 12px;color:#73925a;background:#eaf1e2;border-radius:7px;font-size:11px;white-space:nowrap}.soft-button:hover{background:#e0ebd4}.modal-empty{text-align:center;color:#a8b89a;font-size:11px;padding:35px 10px;line-height:1.8}.modal-empty svg{margin-bottom:12px;color:#acbc9e}.modal-empty .soft-button{margin-top:18px}.share-account{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eee1;padding-top:16px;font-size:10px;color:#a4b094}.share-account button{display:flex;align-items:center;gap:6px;color:#829c6c}.group-label{display:flex;justify-content:space-between;font-size:11px;color:#7c906d;margin:25px 0 12px}.group-label span{color:#a3b08f;font-size:10px}.group-members{max-height:260px;overflow:auto;margin-bottom:23px}.group-person{display:flex;align-items:center;gap:11px;padding:10px 3px;font-size:12px}.group-person>span{flex:1}.group-person input{width:16px;height:16px;accent-color:#749a56}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 12px;padding:6px 0 20px;text-align:center}.member-grid .avatar{margin:0 auto 9px}.member-grid strong{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.member-grid small{font-size:9px;color:#a4b198;display:block;margin-top:5px;overflow-wrap:anywhere}.modal-tip{display:flex;gap:7px;align-items:center;background:#f0f5e9;border-radius:8px;padding:12px 9px;font-size:10px;color:#98ab83}.profile-card{text-align:center;padding:8px 0 26px}.profile-card>.avatar{margin:auto}.profile-card h3{font-size:18px;font-weight:500;margin:15px 0 9px}.profile-card>button{font-size:12px;display:inline-flex;gap:8px;color:#9bad8b;align-items:center}.profile-info{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #eaf0e2;font-size:11px;color:#98a98a}.profile-info strong{font-weight:400;color:#7d946b}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;color:#a37c66;background:#f7f1ea;border:1px solid #efe6da;border-radius:8px;padding:12px;margin-top:22px;font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:13px 15px;border-radius:10px;background:#324731;color:#f4f8ee;font-size:12px;z-index:100;box-shadow:0 5px 25px #21392022;display:flex;align-items:center;gap:20px;max-width:calc(100% - 30px)}.toast button{display:grid;place-items:center;color:#c6d3bd;padding:0}.loading-page{height:100dvh;display:flex;align-items:center;justify-content:center;gap:25px;background:#f2f6ed;color:#90a57e}@keyframes appear{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1500px){.workspace{max-width:1480px;height:calc(100dvh - 80px);margin:40px auto;border-radius:16px;box-shadow:0 20px 80px #23321710;border:1px solid #e3e9db}.sidebar{width:340px}.message-area{padding:15px 50px 25px}.auth-story{padding-left:10vw}}@media(max-width:1050px){.sidebar{width:280px}.sidebar-heading{padding-left:20px;padding-right:20px}.search-field{margin-left:19px;margin-right:19px}.welcome h2{font-size:24px}.auth-story{padding-left:38px;padding-right:35px}.auth-bottom{font-size:9px}.story-tags{gap:18px}.message-area{padding-left:22px;padding-right:22px}}@media(max-width:720px){.auth-page{display:block;min-height:100dvh}.auth-story{display:none}.auth-form-area{min-height:100dvh;padding:38px 30px 24px}.auth-mobile-brand{display:block;align-self:flex-start}.auth-mobile-brand .brand{font-size:21px}.auth-form{padding:50px 0;max-width:380px}.auth-form h2{font-size:24px}.auth-footer{padding-top:20px}.workspace{min-height:0}.rail{width:62px;padding-top:23px;padding-bottom:20px}.rail-logo{width:38px;height:38px;border-radius:13px}.rail-nav{margin-top:32px}.rail-nav button{width:42px}.rail-bottom{gap:23px}.sidebar{flex:1;width:auto;border-right:0}.sidebar-heading{padding-top:26px}.sidebar-heading h1{font-size:25px}.mobile-hidden{display:none!important}.workspace:has(.chat-main:not(.mobile-hidden))>.rail{display:none}.chat-main{width:100%}.chat-header{min-height:75px;padding:16px 15px;gap:10px}.mobile-back{display:grid;color:#81996f}.chat-heading h2{font-size:14px}.chat-heading p{font-size:9px}.message-area{padding:8px 15px 15px}.message{gap:8px;margin-bottom:19px}.message-content{max-width:calc(100% - 75px)}.bubble{font-size:13px;padding:10px 12px}.message-image{max-width:100%;max-height:270px}.composer{padding:10px 16px max(12px,env(safe-area-inset-bottom))}.composer textarea{height:65px;font-size:14px}.composer-limit{font-size:9px}.composer-bottom>span{font-size:9px}.emoji-picker{left:15px;bottom:170px}.modal{padding:23px;max-height:calc(100dvh - 32px)}.modal-backdrop{padding:16px}.welcome{padding:25px 20px}.welcome h2{font-size:22px}.welcome-top{font-size:9px}.toast{bottom:22px;white-space:normal}.sidebar-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}