:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#253b31;background:#eef3f0;font-synthesis:none;text-rendering:optimizeLegibility;--green:#23815d;--deep:#185b43;--muted:#73827a;--line:#dce6df;--paper:#fff;--soft:#f5f8f6;--shadow:0 16px 45px #22463312}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 5%,#dceee5 0,transparent 32%),radial-gradient(ellipse at 95% 70%,#e7e3f5 0,transparent 27%),#eef3f0}.shell{max-width:1100px;margin:0 auto;padding:26px 28px 42px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 2px 22px;border-bottom:1px solid #d9e4dd}.brand-mark{height:42px;width:42px;border-radius:13px;background:linear-gradient(135deg,#1f9568,#155540);box-shadow:0 7px 18px #23815d38;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:.4px}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-size:15px}.brand-copy span,.eyebrow{font-size:11px;color:var(--muted)}.privacy-pill,.count-pill{margin-inline-start:auto;border:1px solid #cfe4d7;background:#f5fbf7;border-radius:30px;color:#24704f;padding:7px 11px;font-size:11px;white-space:nowrap}.privacy-pill i,.voice-dot{display:inline-block;width:7px;height:7px;background:#3dba78;border-radius:50%;margin-inline-end:6px}.welcome{padding:29px 2px 21px}.welcome h1{font-size:27px;letter-spacing:-.4px;margin:5px 0 7px}.welcome p{color:#718079;margin:0;font-size:13px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.entry-grid .card{padding:20px 22px}.card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:22px;font-weight:500}.mint{background:#e6f4eb;color:#20825a}.lavender{background:#eeeafd;color:#6c59aa}.card h2{font-size:16px;margin:12px 0 5px}.card p{font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.8}.card label{font-size:11px;display:block;color:#53665b;margin:10px 0 5px}.card input:not([type=file]){height:39px;width:100%;border:1px solid #d8e2dc;border-radius:9px;padding:0 11px;background:#fbfcfb;font:inherit;font-size:12px;outline:none;direction:rtl}.card input:focus,.composer textarea:focus{border-color:#59ad82;box-shadow:0 0 0 3px #23815d18}.button{border:0;border-radius:9px;font-family:inherit;font-size:12px;font-weight:700;padding:10px 14px;cursor:pointer;transition:transform .15s,filter .15s}.button:hover{filter:brightness(1.04);transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.primary{width:100%;margin-top:15px;background:linear-gradient(110deg,#25855e,#1c6b4c);color:white;box-shadow:0 6px 14px #23815d28}.secondary{width:100%;margin-top:15px;background:#eef5f0;color:#226746;border:1px solid #d2e6d8}.saved-section{margin-top:25px}.section-heading{display:flex;align-items:center;margin-bottom:12px}.section-heading h2{font-size:17px;margin:3px 0 0}.count-pill{margin-inline-start:auto;padding:6px 10px;color:#5e7167;border-color:#dde6e0;background:#f8faf9}.group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.group-item{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;display:flex;align-items:center;gap:11px;text-align:right;cursor:pointer;box-shadow:0 6px 16px #22463308}.group-item:hover{border-color:#9ac9ad;background:#fbfefc}.group-avatar{width:38px;height:38px;border-radius:12px;background:#e9f3ec;color:#287453;display:grid;place-items:center;font-weight:700}.group-item strong{font-size:13px}.group-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.empty-state{border:1px dashed #cfdcd3;border-radius:13px;color:#7a8980;text-align:center;padding:19px;font-size:12px}.privacy-note{text-align:center;color:#8a9890;font-size:10px;margin:16px 0 0}.hidden{display:none!important}
.group-header{display:flex;align-items:center;gap:12px;padding:20px 0 16px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#456456;font-size:20px;cursor:pointer}.group-title{min-width:0}.group-title h1{font-size:20px;margin:2px 0 0}.invite-button{margin-inline-start:auto;background:#e8f3ec;color:#236b4b;border:1px solid #d1e5d8}.group-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;min-height:590px}.members-card{padding:16px;height:max-content}.compact h2{font-size:15px}.members-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;gap:9px;padding:8px 3px;border-bottom:1px solid #eff3f0}.member-bubble{width:30px;height:30px;border-radius:50%;background:#e7f2eb;color:#287453;display:grid;place-items:center;font-size:12px;font-weight:700}.member-row strong{font-size:11px}.member-row small{display:block;color:#8a9890;font-size:9px;margin-top:2px}.member-hint{font-size:10px;color:#87948d;line-height:1.8;margin-top:14px}.chat-card{display:flex;flex-direction:column;min-height:590px;overflow:hidden}.chat-heading{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #edf1ee}.chat-heading h2{font-size:14px;margin:0 0 4px}.chat-heading span{font-size:10px;color:#86938c}.call-start{margin-inline-start:auto;background:#24845e;color:#fff;white-space:nowrap}.messages{flex:1;min-height:300px;max-height:420px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#fcfdfc,#f9fbfa)}.message{max-width:min(78%,520px);align-self:flex-start;background:#fff;border:1px solid #e5ece7;border-radius:13px 13px 3px 13px;padding:9px 12px;box-shadow:0 3px 8px #183c2b08}.message.mine{align-self:flex-end;background:#eaf5ed;border-color:#d8eadc;border-radius:13px 13px 13px 3px}.message-meta{display:flex;gap:10px;align-items:center;color:#78877e;font-size:9px;margin-bottom:5px}.message-body{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.8}.file-download{border:0;border-radius:8px;background:#f1f6f2;color:#266746;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.composer{padding:12px 14px 8px;border-top:1px solid #edf1ee}.composer-row{display:flex;gap:9px;align-items:flex-end}.composer textarea{resize:none;max-height:100px;flex:1;border:1px solid #d9e4dd;border-radius:11px;padding:10px 12px;font:inherit;font-size:12px;line-height:1.7;outline:none}.send-button{width:39px;height:39px;border:0;border-radius:11px;background:#23815d;color:#fff;font-size:17px;cursor:pointer}.composer-tools{display:flex;align-items:center;gap:10px;padding-top:8px;min-height:25px}.attach-button{cursor:pointer;color:#287453;font-size:11px;font-weight:700}.file-limit,#uploadStatus{font-size:9px;color:#89958e}.file-limit{margin-inline-start:auto}.voice-bar{display:flex;align-items:center;gap:10px;padding:11px 14px 14px;background:#f5f8f6;border-top:1px solid #e8eeea}.voice-state{display:flex;align-items:center;gap:6px;min-width:0;flex:1;color:#697970;font-size:10px}.voice-dot{flex:none;background:#aebbb3}.voice-dot.live{background:#39b774;box-shadow:0 0 0 4px #39b77424}.talk-button{min-width:168px;height:43px;border:0;border-radius:12px;background:#dfe8e2;color:#809087;font:inherit;font-size:12px;font-weight:700;cursor:not-allowed;touch-action:none;user-select:none}.talk-button.ready{background:#eef3f0;color:#315642;cursor:pointer}.talk-button.talking{background:#e54e60;color:white;box-shadow:0 6px 18px #e54e6033;cursor:grabbing}.audio-container{display:none}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#203d30;color:#fff;padding:11px 16px;border-radius:10px;font-size:12px;box-shadow:0 9px 28px #0002;transition:.22s;z-index:5;max-width:min(90vw,520px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:740px){.shell{padding:15px 13px 25px}.entry-grid{grid-template-columns:1fr}.welcome h1{font-size:22px}.group-layout{grid-template-columns:1fr;min-height:0}.members-card{order:2}.chat-card{min-height:70vh}.messages{max-height:none}.member-hint{display:none}.group-title h1{font-size:17px}}
.remove-member{margin-inline-start:auto;border:0;border-radius:7px;background:#fff0f1;color:#b33b49;padding:5px 8px;font:inherit;font-size:9px;cursor:pointer}.remove-member:disabled{opacity:.5}.member-admin-actions{margin-top:10px}.revoke-button{width:100%;border:1px solid #f0d1d4;background:#fff7f7;color:#ad4450;border-radius:8px;padding:7px;font:inherit;font-size:10px;cursor:pointer}
.leave-call{background:#c94455}