@import url('/fonts.css');
:root{font-family:'Nexo Sans',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#183b35;background:#f8f9f5;font-synthesis:none;--green:#143d36;--lime:#c7f6a6;--muted:#7a8781;--line:#e6eae3;--paper:#f8f9f5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #77b08c;outline-offset:4px}input,textarea{outline:none}input:focus,textarea:focus{border-color:#58937b;box-shadow:0 0 0 3px #83b99b24}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:750;letter-spacing:-1.5px}.brand-dot{margin-left:-10px;color:var(--lime)}.brand-mark{display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:14px;width:44px;height:44px;font-size:36px;font-weight:850;letter-spacing:-3px;line-height:1;padding-right:3px}.eyebrow,.small-label,.sidebar-kicker{font-size:10px;letter-spacing:1.7px;font-weight:700}.primary{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:13px;background:var(--green);color:white;padding:17px 23px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.primary:hover{background:#22584c;transform:translateY(-1px)}.wide{width:100%;justify-content:space-between}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80b67e;flex-shrink:0}.error{color:#ad423e;font-size:13px;line-height:1.5;min-height:20px}.field-note{font-size:12px;line-height:1.6;color:var(--muted)}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:47% 53%;padding:18px;gap:18px}.auth-story{background:var(--green);color:#f5faef;border-radius:25px;padding:38px 44px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:720px}.story-content{position:relative;z-index:1;margin:auto 0;padding:55px 0 90px}.story-content .eyebrow{color:#b9cfbd;font-size:9px}.story-content h1{font-size:clamp(50px,5.2vw,78px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:26px 0}.story-content h1 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.story-content>p{font-size:16px;line-height:1.8;color:#bbcec3}.story-foot{font-size:10px;letter-spacing:3px;color:#a2bdb1;position:relative;z-index:1}.story-orbit{position:absolute;width:550px;height:550px;border:1px solid #8ebf9c20;border-radius:50%;right:-190px;bottom:-100px;box-shadow:0 0 0 70px #8ebf9c08,0 0 0 140px #8ebf9c05}.story-bubbles{position:relative;margin-top:38px;max-width:350px}.sample-bubble{background:#f3f8eb;color:#20483e;border-radius:17px 17px 17px 4px;padding:19px 20px;font-size:16px;width:248px;box-shadow:0 12px 30px #09261a14;transform:rotate(-4deg)}.sample-bubble span{display:block;font-size:9px;color:#729180;text-align:right;margin-top:8px}.sample-bubble.reply{background:var(--lime);margin:15px 0 0 90px;width:210px;transform:rotate(5deg);border-radius:17px 17px 4px 17px}.floating-spark{position:absolute;right:3px;top:-25px;color:var(--lime);font-size:55px;transform:rotate(10deg)}.auth-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 35px}.auth-card{width:100%;max-width:370px}.small-label{display:flex;align-items:center;gap:8px;color:#6b8173;font-size:9px;letter-spacing:1.2px}.auth-card h2{font-size:29px;font-weight:600;letter-spacing:-1.2px;margin:22px 0 10px}.auth-card>.muted{font-size:14px;line-height:1.6;margin-bottom:30px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:27px}.auth-tabs button{width:50%;padding:13px;background:transparent;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--green);font-weight:650;border-bottom-color:var(--green)}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}input:not([type=file]),textarea{color:var(--green);border:1px solid #dfe5dc;border-radius:11px;background:#fff;padding:14px 15px;min-width:0;width:100%;transition:box-shadow .15s}input::placeholder,textarea::placeholder{color:#9ba59b}.input-wrap{position:relative}.input-wrap>span{position:absolute;top:14px;left:15px;color:#8b9a8f}.input-wrap input{padding-left:38px}.auth-trust{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-top:28px;color:#879388;font-size:11px;line-height:1.8}.auth-trust svg{width:18px;height:18px}.auth-footer{position:absolute;bottom:20px;color:#929c91;font-size:10px;display:flex;gap:30px}.auth-footer button{background:transparent;color:inherit;font-size:inherit}.mobile-brand{display:none}.app-shell{display:grid;grid-template-columns:80px 340px minmax(0,1fr);height:100dvh;overflow:hidden}.rail{background:var(--green);display:flex;align-items:center;flex-direction:column;padding:27px 0 20px;gap:18px}.rail .brand-mark{width:42px;height:42px;border-radius:13px}.rail-main{display:flex;flex-direction:column;gap:15px;margin-top:45px;flex:1}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:#7e9389;border-radius:12px;position:relative}.icon-button:hover{background:#e8eee5;color:var(--green)}.rail .icon-button{color:#9fb7ab}.rail .icon-button:hover,.rail .icon-button.active{color:var(--lime);background:#31594f}.rail-badge{position:absolute;width:8px;height:8px;background:var(--lime);border:2px solid var(--green);border-radius:50%;right:6px;top:6px}.self-avatar{width:37px;height:37px;border:2px solid #547767;border-radius:50%;color:#dbedce;background:#416557;font-weight:600;font-size:12px}.sidebar{display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);min-height:0}.sidebar-header{padding:32px 25px 0}.sidebar-kicker{font-size:8px;color:#8c9b8f;letter-spacing:1.8px;margin-bottom:15px}.sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.sidebar-title h1{font-size:27px;letter-spacing:-1px;font-weight:650;margin:0}.sidebar-title h1 span{color:#8ab477}.new-chat{background:var(--green);color:var(--lime);width:35px;height:35px;border-radius:11px}.new-chat:hover{background:#2b594b;color:var(--lime)}.search-box{display:flex;align-items:center;position:relative}.search-box svg{position:absolute;left:13px;color:#8c9b8f;width:17px}.search-box input{background:#f5f7f2;border:0;padding:13px 12px 13px 39px;font-size:12px;border-radius:10px}.list-tabs{display:flex;gap:24px;margin-top:22px;border-bottom:1px solid var(--line)}.list-tabs button{display:flex;align-items:center;gap:7px;background:transparent;color:#8c998f;padding:13px 0 16px;border-bottom:2px solid transparent;font-size:12px}.list-tabs button.active{color:var(--green);font-weight:650;border-color:var(--green)}.list-tabs button span{font-size:10px;border-radius:6px;padding:2px 5px;background:#eff3eb;color:#788a79;min-width:18px}.list-tabs button.active span{background:#e1efda;color:#507345}.contact-list{flex:1;overflow:auto;padding:13px 12px}.contact-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;background:transparent;border-radius:13px;padding:17px 13px;position:relative;margin:3px 0}.contact-row:hover{background:#f6f8f3}.contact-row.selected{background:#edf4e7}.avatar{width:45px;height:45px;border-radius:15px;background:#e2ecdd;color:#497850;display:grid;place-items:center;font-size:15px;font-weight:600;position:relative;flex-shrink:0}.avatar[data-color="1"]{background:#eee5d7;color:#947b50}.avatar[data-color="2"]{background:#e4e7f1;color:#6a789c}.avatar[data-color="3"]{background:#eedfde;color:#ad7770}.avatar[data-color="4"]{background:#dceae9;color:#518884}.online-dot{position:absolute;width:10px;height:10px;background:#80b87b;border:2px solid #fff;bottom:-2px;right:-2px;border-radius:50%}.contact-info{flex:1;min-width:0}.contact-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.contact-top strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.contact-top time{font-size:9px;color:#95a18f;white-space:nowrap}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-bottom p{font-size:11px;color:#92a08e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0;line-height:1.5}.unread{border-radius:50%;min-width:18px;height:18px;padding:2px 5px;background:var(--green);color:#fff;font-size:9px;display:grid;place-items:center}.sidebar-bottom{padding:19px 24px;display:flex;align-items:center;gap:7px;font-size:9px;color:#84927f;border-top:1px solid var(--line);min-height:60px}.sidebar-bottom>button:not(.icon-button){margin-left:auto;background:transparent;color:#71846e;font-size:10px;max-width:130px;text-overflow:ellipsis;overflow:hidden}.mobile-settings{display:none}.conversation{background:var(--paper);min-width:0;position:relative}.welcome{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px;position:relative;overflow:auto}.welcome-art{position:relative;width:220px;height:180px;margin-bottom:22px;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid #dbe5d4;border-radius:50%;width:162px;height:162px;transform:rotate(-25deg) scaleY(.8)}.ring-two{width:215px;height:215px;transform:rotate(35deg) scaleY(.8);border-style:dashed;opacity:.7}.art-chat{display:grid;place-items:center;width:100px;height:92px;background:var(--green);color:var(--lime);border-radius:26px 26px 26px 7px;transform:rotate(-9deg);box-shadow:7px 10px 0 #dceaca}.art-chat svg{width:46px;height:46px;stroke-width:1.3}.art-star{position:absolute;color:#7c9c60;font-size:44px;right:15px;top:8px;transform:rotate(10deg)}.art-dot{position:absolute;width:11px;height:11px;border:2px solid #9eb58b;border-radius:50%;left:10px;top:70px}.art-mini{position:absolute;width:46px;height:43px;right:16px;bottom:18px;border-radius:13px;background:#dfebd3;color:#658553;display:grid;place-items:center;transform:rotate(14deg)}.welcome>.eyebrow{color:#91a183;font-size:9px;letter-spacing:2px}.welcome h2{font-size:clamp(30px,3.5vw,47px);font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:20px 0 15px}.welcome h2 em{font-family:Georgia,serif;font-weight:400;color:#749265}.welcome>p{font-size:13px;color:#8b9981;line-height:1.9;margin-bottom:25px}.welcome .primary{padding:15px 22px;font-size:12px}.welcome .primary svg{width:18px;height:18px}.welcome-features{display:flex;gap:25px;margin-top:47px;color:#95a18c;font-size:10px}.welcome-features span{display:flex;align-items:center;gap:7px}.welcome-features svg{width:16px;height:16px}.welcome-foot{display:flex;align-items:center;gap:7px;color:#a4ae9a;font-size:9px;margin-top:65px}.welcome-foot svg{width:13px;height:13px}.empty-list{padding:48px 18px;text-align:center;color:#96a18f;font-size:12px;line-height:1.9}.empty-list svg{width:30px;height:30px;color:#a4b49a;margin-bottom:13px}.empty-list strong{display:block;color:#607557;font-size:13px;font-weight:600}.empty-list button{display:inline-block;background:transparent;color:#557c49;margin-top:15px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.chat-view{height:100%;display:flex;flex-direction:column;min-height:0}.chat-header{height:91px;padding:20px 32px;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);background:#ffffffb3;position:relative}.chat-header .avatar{width:43px;height:43px;border-radius:14px}.chat-person{flex:1;min-width:0}.chat-person h2{font-size:15px;margin:0 0 5px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.chat-person span{font-size:10px;color:#94a18d}.back-button{display:none}.messages{flex:1;overflow-y:auto;padding:25px 38px;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch}.day-label{align-self:center;font-size:9px;font-weight:550;color:#98a48f;background:#edf1e7;border-radius:7px;padding:7px 13px;margin:7px 0 26px}.bubble{align-self:flex-start;max-width:min(76%,490px);background:#fff;border:1px solid #e7ebe2;padding:13px 16px 8px;border-radius:17px 17px 17px 3px;margin-bottom:10px;min-width:95px;box-shadow:0 2px 4px #183b3503}.bubble.mine{align-self:flex-end;background:#e1efce;border-color:#dfebd0;border-radius:17px 17px 3px 17px}.bubble p{font-size:13px;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#365144}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:9px;color:#a1ac98;margin-top:6px}.bubble-meta svg{width:14px;height:14px}.bubble-meta .read{color:#578e63}.bubble img,.bubble video{display:block;max-width:100%;width:auto;max-height:350px;object-fit:contain;border-radius:10px;min-width:100px}.bubble img{cursor:zoom-in}.bubble .media-link{display:block;margin-bottom:7px}.messages-empty{margin:auto;text-align:center;color:#97a38d;font-size:12px;line-height:1.9;padding:30px}.messages-empty strong{display:block;color:#6b845b;font-weight:500;font-size:18px;margin:12px 0}.messages-empty svg{width:34px;height:34px;color:#8ca77a}.composer{margin:14px 30px 0;background:#fff;border:1px solid #dfe6d8;border-radius:17px;display:flex;align-items:flex-end;padding:8px;gap:7px}.composer textarea{max-height:135px;resize:none;border:0;box-shadow:none;padding:11px 5px;min-height:42px;background:transparent;font-size:13px;line-height:20px}.attach-button{background:#f3f6ee;color:#7e9770;border-radius:11px}.send-button{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--green);color:var(--lime);flex-shrink:0}.send-button:hover{background:#2a594b}.send-button svg{width:20px;height:20px}.composer-note{font-size:9px;color:#a1ad96;text-align:center;padding:11px 0 15px}.chat-menu{position:absolute;right:25px;top:74px;width:230px;background:#fff;box-shadow:0 12px 35px #163d3620;border:1px solid var(--line);border-radius:13px;padding:6px;z-index:5}.chat-menu button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:transparent;padding:13px 10px;color:#5f7658;font-size:12px;border-radius:8px}.chat-menu button svg{width:17px;height:17px}.chat-menu button:hover{background:#f4f7ef}.danger{color:#af5950!important}.blocked-banner{padding:18px;text-align:center;background:#f0e6dd;font-size:12px;color:#97735a}.attachment-preview{display:flex;align-items:center;gap:12px;margin:12px 30px 0;background:#eaf0e1;border-radius:12px;padding:9px 12px;color:#65815a;font-size:11px}.attachment-preview img,.attachment-preview video{width:55px;height:55px;border-radius:8px;object-fit:cover}.attachment-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-card{padding:15px 12px;border-bottom:1px solid var(--line)}.request-person{display:flex;align-items:center;gap:12px}.request-person strong{font-size:13px}.request-person p{font-size:11px;color:#9aa590;margin:5px 0}.request-actions{display:flex;gap:8px;margin-top:15px}.request-actions button{padding:10px 12px;border-radius:9px;background:#eef3e8;color:#6f8660;font-size:11px;flex:1}.request-actions button.accept{background:var(--green);color:white}.list-heading{font-size:9px;letter-spacing:1.3px;color:#9ba88e;padding:18px 12px 8px}.boot{position:fixed;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:12px;color:#8c9b81;z-index:99}.boot .brand-mark{background:var(--green);color:var(--lime);width:65px;height:65px;border-radius:20px;font-size:50px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:14px 20px;background:#234a40;color:#f6f9ef;border-radius:13px;box-shadow:0 7px 30px #113d3620;z-index:150;font-size:12px;max-width:90vw;line-height:1.5}dialog{border:1px solid #dfe7d7;border-radius:22px;background:var(--paper);color:var(--green);padding:25px 27px;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 100px #143d3630;max-height:85dvh}dialog::backdrop{background:#102c2470;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-header h2{margin:0;font-size:22px;letter-spacing:-.6px;font-weight:600}.modal-header .icon-button{width:32px;height:32px}.modal-intro{color:#86957c;font-size:13px;line-height:1.8;margin:15px 0 25px}dialog .primary{margin-top:15px;font-size:12px}.modal-error{font-size:12px;color:#aa5349;line-height:1.6;min-height:10px}.tag-card{padding:17px;background:#e7efdf;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tag-card span{font-size:16px;font-weight:600}.tag-card button{color:#668559;background:transparent}.settings-row{display:flex;align-items:center;gap:12px;width:100%;padding:15px 2px;border-bottom:1px solid var(--line);background:transparent;font-size:12px;text-align:left;color:#6f8463}.settings-row svg{width:18px;height:18px}.settings-row span{flex:1}.settings-foot{font-size:10px;line-height:1.7;color:#9aa58e;margin-top:22px}.block-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:13px}.block-row button{background:#e9efdf;color:#6b825d;border-radius:8px;padding:8px 10px;font-size:11px}.older{align-self:center;font-size:10px;padding:9px 14px;background:#eaf0e0;color:#7b9267;border-radius:8px;margin-bottom:20px}.media-modal img,.media-modal video{width:100%;max-height:65dvh;object-fit:contain;border-radius:12px}.confirm-copy{font-size:13px;line-height:1.8;color:#819075}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.secondary{background:#e8eedf;color:#728460;padding:13px 17px;border-radius:11px;margin-top:15px;font-size:12px}.danger-button{background:#a85c4f!important;color:#fff!important}
@media(min-width:1500px){.app-shell{grid-template-columns:88px 380px minmax(0,1fr)}.messages{padding:30px max(45px,calc((100% - 850px)/2))}.auth-story{padding:45px 65px}.auth-card{max-width:400px}}
@media(max-width:1000px){.app-shell{grid-template-columns:65px 290px minmax(0,1fr)}.sidebar-header{padding:27px 18px 0}.sidebar-title h1{font-size:24px}.contact-row{padding:14px 8px;gap:9px}.sidebar-bottom{padding:15px}.messages{padding:20px}.composer{margin:12px 17px 0}.welcome-features{gap:13px;font-size:9px}.auth-story{padding:32px}.story-content h1{font-size:55px}.story-content .eyebrow{font-size:8px}.auth-panel{padding:45px 25px}.auth-card h2{font-size:26px}}
@media(max-width:720px){.auth-screen{display:block;padding:0;min-height:100dvh;background:var(--paper)}.auth-story{display:none}.auth-panel{min-height:100dvh;justify-content:flex-start;padding:32px 25px 80px}.mobile-brand{display:flex;align-self:flex-start;font-size:27px;margin-bottom:50px}.mobile-brand .brand-mark{background:var(--green);color:var(--lime);width:38px;height:38px;font-size:31px}.auth-card{max-width:420px}.auth-card h2{font-size:30px}.auth-footer{bottom:max(20px,env(safe-area-inset-bottom));font-size:9px;gap:22px}.app-shell{display:block}.rail{display:none}.sidebar{height:100dvh;border:0}.sidebar-header{padding:calc(27px + env(safe-area-inset-top)) 23px 0}.sidebar-kicker{font-size:9px;margin-bottom:16px}.sidebar-title{margin-bottom:24px}.sidebar-title h1{font-size:30px}.new-chat{width:40px;height:40px;border-radius:12px}.search-box input{padding:14px 14px 14px 40px;font-size:13px}.list-tabs button{font-size:13px}.contact-list{padding:10px 12px}.contact-row{padding:18px 12px;gap:14px}.avatar{width:48px;height:48px;border-radius:16px;font-size:16px}.contact-top strong{font-size:14px}.contact-top time{font-size:10px}.contact-bottom p{font-size:12px}.sidebar-bottom{padding:12px 22px calc(12px + env(safe-area-inset-bottom));min-height:64px;font-size:10px}.sidebar-bottom>button:not(.icon-button){font-size:11px;max-width:150px}.mobile-settings{display:inline-flex;width:33px;height:33px;margin-left:8px}.conversation{display:none;height:100dvh}.app-shell.chat-open .sidebar{display:none}.app-shell.chat-open .conversation{display:block}.welcome{display:none}.back-button{display:inline-flex;width:32px;height:36px;margin-left:-8px}.chat-header{height:calc(78px + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) 17px 14px;gap:10px}.chat-header .avatar{width:40px;height:40px;border-radius:13px;font-size:14px}.chat-person h2{font-size:14px}.messages{padding:18px 16px 8px}.bubble{max-width:84%;padding:11px 13px 7px}.bubble p{font-size:14px;line-height:1.65}.bubble-meta{font-size:9px}.composer{margin:8px 10px 0;border-radius:16px;padding:6px;gap:6px}.composer textarea{font-size:16px;padding:10px 4px}.composer-note{font-size:8px;padding:8px 0 calc(9px + env(safe-area-inset-bottom))}.attachment-preview{margin:8px 12px 0}.toast{bottom:max(25px,env(safe-area-inset-bottom))}.chat-menu{right:15px;top:68px}.request-card{padding:17px 12px}.request-actions button{font-size:12px;padding:12px}.empty-list{padding-top:70px}.empty-list strong{font-size:15px}.welcome-features{display:none}input:not([type=file]){font-size:16px}.auth-tabs button{font-size:14px}.auth-trust{font-size:12px}.primary{min-height:48px}.chat-person span{font-size:11px}dialog{padding:22px;max-height:88dvh}.modal-header h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.media-link{padding:0;border:0;background:transparent}.app-shell,.sidebar,.conversation{height:var(--app-height,100dvh)}