:root{color:#203c34;font-synthesis:none;background:#f5f7f3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{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:disabled{opacity:.5;cursor:default}a{color:inherit}button{color:inherit;background:0 0;border:0}svg{flex-shrink:0;width:23px;height:23px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #99bb38}h1,h2,p{margin:0}p{line-height:1.6}em{color:#d4ec8b;font-family:Georgia,serif;font-weight:400}input,textarea{outline:none}input:focus,textarea:focus{box-shadow:0 0 0 3px #aec58d33;border-color:#628b49!important}.brand{letter-spacing:1.8px;align-items:center;gap:11px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brandmark{letter-spacing:-5px;color:#174435;background:#c9e98d;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;padding-right:5px;font-size:35px;line-height:1;display:inline-flex}.brandmark span{color:#628739}.webtag{letter-spacing:1.3px;border:1px solid #fff4;border-radius:4px;align-self:flex-start;margin-top:5px;padding:4px;font-size:9px;font-weight:500}.eyebrow{letter-spacing:2.2px;font-size:10px;font-weight:700}.welcome{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.intro{color:#fff;background:#143e35;flex-direction:column;padding:46px 9%;display:flex;position:relative;overflow:hidden}.intro:after{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-270px;right:-170px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}.intro-copy{margin:auto 0;padding:80px 0}.intro-copy>.eyebrow{color:#aec8b7}.intro h1{letter-spacing:-3px;margin:26px 0;font-size:clamp(44px,5.1vw,76px);line-height:1.02}.intro p{color:#c2d1c6;font-size:16px}.pills{flex-wrap:wrap;gap:10px;margin-top:34px;font-size:10px;display:flex}.pills span{border:1px solid #ffffff25;border-radius:30px;padding:9px 13px}footer{letter-spacing:1.4px;color:#a5bcac;justify-content:space-between;font-size:9px;display:flex}.auth{background:#fbfcf9;align-items:center;padding:60px 12%;display:flex}.auth-inner{width:100%;max-width:400px;margin:auto}.auth .eyebrow{color:#6a806a}.auth h2{letter-spacing:-1px;margin:16px 0;font-size:30px;line-height:1.2}.muted{color:#7e8c80;font-size:13px}.auth form{margin:30px 0 18px}label{font-size:12px;font-weight:600;display:block}label input{color:#203c34;background:#fff;border:1px solid #dce2d8;border-radius:11px;width:100%;height:49px;margin:9px 0 19px;padding:0 14px;display:block}.primary{color:#fff;background:#214d3d;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:16px 19px;font-size:13px;font-weight:600;display:flex}.primary:hover{background:#326149}.auth-links{justify-content:space-between;font-size:11px;display:flex}.auth-links button{padding:8px 0}.note{color:#778675;border-top:1px solid #e2e7dc;gap:12px;margin:28px 0 12px;padding:18px 0;font-size:11px;display:flex}.note svg{color:#59744a;width:18px;height:18px}.ios-link{color:#3c6348;text-underline-offset:4px;justify-content:space-between;padding:16px 0;font-size:12px;display:flex}.error{color:#a23928;background:#fff0ed;border-radius:10px;margin:15px 0;padding:12px;font-size:12px}.success{background:#e9f3de;padding:12px;font-size:12px}.loading{place-content:center;gap:20px;min-height:100dvh;display:grid}.messenger{height:var(--app-height,100dvh);background:#fff;max-width:1800px;margin:auto;display:flex}.sidebar{background:#fcfdfb;border-right:1px solid #e4e9df;flex-direction:column;flex-shrink:0;width:330px;display:flex}.sidebar>header{justify-content:space-between;align-items:center;padding:26px 23px;display:flex}.sidebar .webtag{border-color:#dbe4d3}.icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:inline-flex}.icon:hover{background:#e7eddf}.list-title{justify-content:space-between;align-items:center;padding:16px 23px 13px;display:flex}.list-title h1{letter-spacing:-.8px;font-size:27px}.list-title h1 span{vertical-align:middle;color:#7a8a6b;background:#ebf0e4;border-radius:8px;margin-left:10px;padding:4px 7px;font-size:11px}.add{background:#e8f0db}.search{background:#edf1e9;border-radius:12px;align-items:center;gap:10px;margin:0 23px;padding:0 12px;display:flex}.search svg{color:#839079;width:17px}.search input{width:100%;box-shadow:none;background:0 0;border:0;padding:13px 0;font-size:12px;font-weight:400}.status{color:#8b9684;align-items:center;gap:6px;padding:15px 25px;font-size:10px;display:flex}.status i{background:#d4b655;border-radius:50%;width:5px;height:5px}.status i.online{background:#7fa858}.sidebar nav{flex:1;padding:4px 10px;overflow:auto}.chat-row{text-align:left;border-radius:12px;align-items:center;gap:13px;width:100%;margin-bottom:4px;padding:15px 13px;display:flex}.chat-row:hover{background:#f0f4e9}.chat-row.selected{background:#e7efd9}.avatar{color:#466545;background:#dbe8d2;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;font-size:21px;display:flex}.avatar.small{border-radius:13px;width:36px;height:36px;font-size:16px}.chat-row b{font-size:13px}.chat-row p,.profile p,.chat-head p{color:#85917c;margin-top:4px;font-size:10px}.chevron{color:#91a080;margin-left:auto}.profile{border-top:1px solid #e6ebdf;align-items:center;gap:12px;padding:20px 23px;display:flex}.profile b{font-size:12px}.profile a{margin-left:auto}.profile a svg{width:19px}.conversation{background:#f5f7f1;flex-direction:column;flex:1;min-width:0;display:flex}.chat-head{background:#ffffffed;border-bottom:1px solid #e9eddf;flex-shrink:0;align-items:center;gap:12px;height:85px;padding:15px 28px;display:flex}.chat-head>div{flex:1}.chat-head b{font-size:14px}.mobile-back{display:none}.no-chat{text-align:center;margin:auto;padding:30px}.hero-mark{letter-spacing:-12px;color:#32583e;background:#e5edd9;border-radius:44px;width:160px;height:160px;margin:0 auto 32px;padding-right:13px;font-size:135px;font-weight:700;line-height:1}.hero-mark span{color:#91af59}.no-chat h2{letter-spacing:-.8px;font-size:29px}.no-chat p{color:#839078;margin:14px 0 36px;font-size:13px}.badge{letter-spacing:2px;color:#8d9b81;font-size:9px}.messages{flex-direction:column;flex:1;gap:9px;padding:24px 6%;display:flex;overflow:auto}.chat-notice{text-align:center;color:#8b987e;align-self:center;gap:9px;max-width:440px;margin:0 0 25px;font-size:10px;line-height:1.6;display:flex}.chat-notice svg{width:16px;height:16px}.bubble{overflow-wrap:anywhere;background:#fff;border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:78%;padding:12px 15px 7px;box-shadow:0 1px 2px #24381c08}.bubble.mine{background:#e0edcb;border-radius:16px 16px 4px;align-self:flex-end}.bubble p{white-space:pre-wrap;font-size:13px}.bubble time{text-align:right;color:#859576;margin-top:4px;font-size:9px;display:block}.conversation-empty{text-align:center;color:#8b987d;margin:auto;padding:30px}.conversation-empty>span{color:#9eae86;font-size:45px}.conversation-empty h2{color:#557143;margin:15px;font-size:20px;font-weight:500}.conversation-empty p{font-size:12px}.composer{background:#fff;border:1px solid #e3e9d9;border-radius:19px;flex-shrink:0;align-items:flex-end;gap:8px;margin:15px 4% 24px;padding:9px;display:flex}.composer textarea{resize:none;min-width:0;max-height:140px;box-shadow:none;background:0 0;border:0;flex:1;padding:13px 10px;font-size:13px}.mic{color:#5e7547;background:#edf2e5}.send{color:#fff;background:#214d3d}.send:hover{background:#315e49}.recording{flex:1;align-items:center;gap:9px;padding:12px;font-size:12px;display:flex}.recording i{background:#c35146;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.recording button{margin-left:auto;text-decoration:underline}.red{color:#ad4937;background:#fae2d9}.voice{flex-direction:column;gap:7px;min-width:160px;font-size:12px;display:flex}.voice audio{width:245px;max-width:100%;height:36px}.voice small{max-width:250px;font-size:10px}.voice-draft{background:#edf3e4;border-radius:15px;align-items:center;gap:12px;margin:5px 4%;padding:13px 20px;display:flex}.voice-draft .primary{width:auto;margin-left:auto}.empty{color:#87927d;padding:25px 15px;font-size:12px}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#10251dcc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fcfdf9;border-radius:23px;width:100%;max-width:500px;max-height:90dvh;padding:33px;position:relative;overflow:auto}.modal>svg{color:#779c4b;width:32px;height:32px}.modal h2{margin:16px 0;font-size:23px}.modal p{margin-bottom:15px;font-size:12px}.modal-close{position:absolute;top:12px;right:12px}.device{background:#edf2e5;border-radius:10px;margin:12px 0;padding:14px}.device b{font-size:11px}.device code,.own-code{word-break:break-all;letter-spacing:1px;margin:12px 0;font-size:12px;line-height:1.7;display:block}.device small{color:#8e9c81;font-size:9px}.check{align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.check input{width:18px;height:18px;margin:0}.danger{color:#fff;background:#b75245;border-radius:12px;width:100%;margin-top:20px;padding:13px 20px;font-size:12px}.toast{color:#fff;z-index:30;background:#263f30;border-radius:13px;width:max-content;max-width:90vw;padding:16px 20px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.toast button{color:#cfe1b6;margin-left:20px;font-size:20px}.call-modal{color:#fff;text-align:center;background:#173f35;border-radius:25px;width:100%;max-width:800px;padding:30px}.call-modal h2{margin:20px 0 5px}.call-modal p{color:#a9c5b5;font-size:13px}.call-modal>.primary{color:#193e2d;background:#b4d97b;margin-top:20px}.call-controls{justify-content:center;gap:10px;margin-top:20px;display:flex}.call-controls button{background:#ffffff15;border-radius:12px;padding:14px;font-size:12px}#call-media{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex;position:relative}#call-media video{object-fit:contain;background:#0e2c25;border-radius:14px;width:100%;max-height:45dvh}#call-media .self-video{max-width:120px;position:absolute;bottom:10px;right:10px}#call-media audio{display:none}.install-page{max-width:700px;margin:auto;padding:45px 30px 70px}.install-page .webtag{border-color:#ddd}.install-page>.eyebrow{color:#7e926d;margin-top:70px;display:block}.install-page h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(38px,6vw,60px);line-height:1.07}.install-page em{color:#6b8b40}.lede{color:#718466;max-width:440px;font-size:15px}.steps{counter-reset:step;margin:30px 0;padding:10px 0;list-style:none}.steps li{counter-increment:step;padding:8px 0 28px 60px;position:relative}.steps li:before{content:counter(step,decimal-leading-zero);color:#6b8851;background:#e3edda;border-radius:13px;padding:12px;font-size:12px;position:absolute;top:4px;left:0}.steps b{font-size:15px}.steps p{color:#829176;margin-top:7px;font-size:13px}.linkbutton{max-width:380px;text-decoration:none}.install-page>.muted{margin-bottom:25px}.install-page>a:last-child{font-size:12px}.install-page .note{max-width:520px}@keyframes pulse{50%{opacity:.35}}@media (min-width:1500px){.sidebar{width:370px}}@media (max-width:900px){.auth{padding:40px 8%}.intro{padding:35px 8%}.intro h1{font-size:54px}.sidebar{width:290px}.sidebar>header{padding:22px 18px}.chat-head{padding:15px}.messages{padding:20px}.voice-draft{flex-wrap:wrap}.voice-draft .voice{width:100%}}@media (max-width:650px){.welcome{display:block}.intro{padding:24px}.intro-copy{padding:42px 0 38px}.intro h1{letter-spacing:-2px;margin:20px 0;font-size:47px}.intro h1 br:nth-child(2){display:none}.intro-copy>.eyebrow{font-size:9px}.intro p{font-size:13px}.intro footer,.pills{display:none}.auth{padding:35px 25px 45px}.auth h2{font-size:26px}.auth form,.note{margin-top:23px}.messenger{height:var(--app-height,100dvh)}.sidebar{width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0}.sidebar>header{padding:20px 23px}.conversation,.chat-open .sidebar{display:none}.chat-open .conversation{width:100%;display:flex}.mobile-back{padding:7px;display:flex}.chat-head{height:auto;min-height:76px;padding:14px 10px;padding-top:max(14px,env(safe-area-inset-top));gap:7px}.chat-head .icon{padding:8px}.chat-head .avatar{display:none}.chat-head b{font-size:13px}.chat-head p{font-size:9px}.messages{padding:20px 15px}.composer{margin:10px 10px max(12px,env(safe-area-inset-bottom));gap:3px;padding:7px}.composer textarea{padding:11px 8px;font-size:16px}.bubble{max-width:88%}.bubble p{font-size:14px}.modal{padding:26px 22px}.voice-draft{margin:5px 10px;padding:12px}.voice-draft .voice{width:100%}.voice audio{width:235px}.toast{bottom:max(20px,env(safe-area-inset-bottom))}.install-page{padding:28px 24px 45px}.install-page>.eyebrow{margin-top:50px}.steps li{padding-left:52px}.overlay{padding:12px}.call-modal{padding:24px 18px}.call-controls{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.setup-card{background:#faf4e5;border:1px solid #e5d8b3;border-radius:12px;margin:0 20px 15px;padding:15px;font-size:12px}.setup-card p{color:#87734a;margin:8px 0;font-size:11px}.setup-card button,.session-row button{padding:7px 0;font-size:11px;text-decoration:underline}.session-row{border-bottom:1px solid #e4e9dc;padding:16px 0}.session-row b{font-size:13px}.session-row p{color:#78886b;margin:6px 0;font-size:11px}.session-confirm{background:#edf3e3;border-radius:12px;margin-top:20px;padding:16px}.session-confirm p{margin-bottom:16px}.chat-row>div:not(.chat-meta){flex:1;min-width:0}.chat-row p{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.chat-meta{color:#86967b;flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto;font-size:9px;display:flex}.chat-meta small{font-size:8px}.unread{color:#fff;text-align:center;background:#75994e;border-radius:12px;min-width:18px;padding:3px 6px}.status{min-height:22px;padding-top:5px;padding-bottom:5px}.pin-action{color:#788f64;padding:5px;font-size:10px}@media (max-width:650px){.pin-action{display:none}}.sidebar nav{overscroll-behavior-y:contain}.kumpan-pulse{align-items:center;gap:2px;height:13px;display:flex}.kumpan-pulse i{background:#829e62;border-radius:2px;width:3px;height:6px;animation:1.4s ease-in-out infinite kumpan-pulse}.kumpan-pulse i:nth-child(2){height:12px;animation-delay:.15s}.kumpan-pulse i:nth-child(3){height:8px;animation-delay:.3s}@keyframes kumpan-pulse{50%{opacity:.3;transform:scaleY(.6)}}
