:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#182e38;background:#f4f7f6;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;border-radius:8px;background:#0d655b;color:#fff;padding:10px 15px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#084b44}header{height:64px;background:#112f36;color:#fff;display:flex;gap:20px;align-items:center;padding:0 24px}header strong{font-size:21px;letter-spacing:-.5px}#connection{flex:1;font-size:13px;color:#c2d8d5}header button{background:#28484e;font-size:13px}label{display:grid;gap:8px}input,textarea{width:100%;border:1px solid #c8d7d5;border-radius:8px;padding:12px;background:#fff;color:#182e38}input:focus,textarea:focus{outline:2px solid #2e8c80;outline-offset:2px}.login-card{max-width:430px;margin:8vh auto;background:#fff;padding:36px;border:1px solid #e0e9e7;border-radius:18px;box-shadow:0 12px 40px #112f3608}.login-card h1{font-size:29px;letter-spacing:-1px;margin:15px 0}.login-card p{line-height:1.6;color:#526a70}.login-card form{display:grid;gap:18px;margin:26px 0}.login-card small{color:#657a7f;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#0d655b!important}#workspace{display:grid;grid-template-columns:290px 1fr;height:calc(100dvh - 64px)}[hidden]{display:none!important}aside{background:#edf3f1;border-right:1px solid #dce7e3;overflow:auto;padding:22px 16px}.aside-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.aside-heading button{padding:7px 9px;font-size:12px}h2{font-size:14px;margin:12px 0}nav{display:grid;gap:5px;margin-bottom:28px}nav button{text-align:left;background:transparent;color:#38565c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav button:hover:not(:disabled){background:#dae9e3;color:#112f36}nav button.active{background:#cde5dd;color:#0c514a;font-weight:650}.hint{font-size:12px;color:#60797c}.privacy{font-size:11px;line-height:1.7;color:#637b7d;border-top:1px solid #d1e1db;padding-top:20px}.conversation{display:flex;min-width:0;flex-direction:column;background:#fff;min-height:0}.conversation-heading{border-bottom:1px solid #e8eeec;padding:20px 28px}.conversation-heading h1{font-size:19px;margin:0 0 6px;letter-spacing:-.4px}#room-detail{font-size:12px;color:#60797c}#messages{flex:1;overflow:auto;padding:22px 28px;display:flex;flex-direction:column;gap:14px}.message{max-width:78%;background:#f0f4f2;padding:12px 15px;border-radius:12px;align-self:flex-start;overflow-wrap:anywhere}.message.own{background:#def0e8;align-self:flex-end}.message .sender{font-size:11px;font-weight:650;color:#577773;margin-bottom:5px}.message p{white-space:pre-wrap;margin:0;line-height:1.5}.message button{background:transparent;color:#0d655b;padding:5px 0;text-decoration:underline}.message img{display:block;max-width:100%;max-height:280px;border-radius:6px;margin-top:8px}#compose{padding:14px 24px 22px;border-top:1px solid #e8eeec}textarea{resize:none}.compose-actions{display:flex;gap:12px;align-items:center;margin-top:10px}.compose-actions button{margin-left:auto}.file-button{display:block;border:1px solid #c8d7d5;padding:8px 10px;border-radius:7px;font-size:12px;cursor:pointer}.file-button input{width:1px;height:1px;position:absolute;opacity:0}.file-button:focus-within{outline:2px solid #2e8c80}#chat-error,#login-error,#group-error{color:#b03636;font-size:13px;margin:8px 24px}dialog{border:1px solid #c8d7d5;border-radius:16px;padding:28px;max-width:420px;width:90%}dialog::backdrop{background:#112f3677}dialog form{display:grid;gap:15px}fieldset{border:0;padding:10px 0;display:grid;gap:10px}fieldset label{display:flex;align-items:center}fieldset input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.sr-only{position:absolute;left:-10000px}#notify[data-enabled=true]{color:#b6e5d0}@media(max-width:700px){header{padding:0 12px;gap:10px}header strong{font-size:18px}#connection{font-size:11px}header button{padding:8px;font-size:11px}#workspace{grid-template-columns:120px 1fr}aside{padding:14px 6px}.aside-heading{display:block}.aside-heading button{margin-bottom:10px}nav button{font-size:12px;padding:10px 6px}.privacy{font-size:10px}.conversation-heading,#messages{padding:16px 12px}#compose{padding:10px}.message{max-width:95%}.compose-actions{gap:5px}.compose-actions .hint{display:none}.login-card{margin:6vh 14px;padding:25px}}
.attachment-preview{display:flex;align-items:center;gap:12px;padding:10px;margin-top:8px;border:1px solid #dce7e3;border-radius:8px;flex-wrap:wrap}.attachment-preview img,.attachment-preview video{max-width:min(180px,40vw);max-height:120px;border-radius:5px}.attachment-preview span{overflow-wrap:anywhere;font-size:13px;flex:1;min-width:100px}#attachment-progress{width:100%;height:10px;margin-top:8px;accent-color:#0d655b}#attachment-status{font-size:12px;color:#526a70;margin:4px 0}#attachment-status:empty{display:none}
.call-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.call-actions button{font-size:12px;padding:8px 10px}#call-status{font-size:12px;color:#60797c;margin:8px 0 0}#call-container{min-height:280px;background:#112f36}#call-container iframe{border:0;width:100%;height:min(58vh,560px)}.call-invitation{border:1px solid #bad7cc;border-radius:8px;padding:10px;margin-top:8px}.call-invitation button{margin-top:8px}@media(max-width:700px){.conversation-heading{padding:12px}.call-actions{gap:5px}.call-actions button{font-size:11px;padding:7px}#call-container{min-height:240px}}