:root{font-family:Arial,sans-serif;color:#192b3e;background:#f3f6fa;--blue:#1768df;--line:#e0e7ef;--muted:#6c7a8d}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 5vw;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.top-actions{display:flex;align-items:center;gap:14px}.brand strong{font-size:21px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.logo{background:var(--blue);color:white;border-radius:14px;padding:14px 11px;font-weight:bold}.top-actions>span{font-size:13px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:36px 24px;min-height:calc(100dvh - 145px)}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:0 15px 50px #223d6210}.login-card{max-width:520px;margin:36px auto}.connect-card{max-width:620px;margin:36px auto}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:20px 0}h2{font-size:18px;margin:6px 0}p{color:var(--muted);line-height:1.65}.eyebrow{color:var(--blue);font-size:10px;font-weight:bold;letter-spacing:1.5px}label{display:block;font-size:13px;font-weight:bold;margin:18px 0}input,textarea{font:inherit;border:1px solid #cad5e3;background:#fbfcfe;border-radius:10px;padding:13px;width:100%;margin-top:8px;color:inherit}input:focus,textarea:focus{outline:2px solid #8bb5f5;outline-offset:2px}button{border:0;border-radius:10px;padding:12px 17px;font:inherit;font-size:14px;font-weight:bold;background:var(--blue);color:#fff;cursor:pointer;transition:background .15s}button:hover{background:#1053b7}button:focus-visible{outline:3px solid #8bb5f5;outline-offset:3px}button:disabled{background:#e4eaf2;color:#8895a6;cursor:not-allowed}.quiet{background:#f1f5f9;color:#334c68}.quiet:hover{background:#e4edf7}.danger{color:#bc3040;background:#fff0f1}.danger:hover{background:#ffe2e5}.login-card button{width:100%;margin-top:5px}.muted{font-size:12px}#notice{max-width:1232px;margin:20px auto 0;padding:14px 20px;background:#fff1d8;border:1px solid #f0d19c;border-radius:10px;font-size:14px}#workspace{height:calc(100dvh - 220px);min-height:520px;background:white;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:320px 1fr;overflow:hidden}aside{border-right:1px solid var(--line);overflow:auto}.list-heading{padding:22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.list-heading h2{overflow-wrap:anywhere}#dialogs button{width:100%;border-radius:0;padding:20px 22px;text-align:left;background:white;color:inherit;border-bottom:1px solid #edf1f6;font-weight:normal}#dialogs button:hover,#dialogs button.selected{background:#eef5ff}#dialogs strong{display:block;overflow-wrap:anywhere}#dialogs small{display:block;margin-top:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fcfdff}.conversation-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.pill{font-size:10px;color:var(--blue);background:#eef5ff;padding:7px 9px;border-radius:20px;white-space:nowrap}#peer-name{overflow-wrap:anywhere}.empty{margin:auto;text-align:center;max-width:350px;padding:20px}.empty-icon{display:inline-block;font-size:38px;color:var(--blue);background:#eef5ff;border-radius:20px;padding:12px 23px}.empty p{font-size:14px}#history-wrap{flex:1;overflow:auto;padding:18px 24px}#messages{display:flex;flex-direction:column;gap:12px}.bubble{align-self:flex-start;max-width:80%;padding:14px 17px;border-radius:16px 16px 16px 3px;background:#eef2f7;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.bubble.out{align-self:flex-end;background:#e5efff;border-radius:16px 16px 3px 16px}.bubble small{display:block;text-align:right;color:var(--muted);font-size:10px;margin-top:7px}#message-form{padding:16px 24px;border-top:1px solid var(--line);background:white}textarea{margin:0;resize:vertical;max-height:150px}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}#send-status{font-size:12px;color:var(--muted)}#back{display:none}footer{display:flex;justify-content:space-between;max-width:1232px;margin:auto;padding:0 24px 24px;font-size:11px;color:var(--muted)}#qr-wrap{text-align:center;margin-top:20px}#qr-image{background:white;border:1px solid var(--line);border-radius:12px;padding:10px}#verify-form{text-align:left;max-width:300px;margin:auto}dialog{border:1px solid var(--line);border-radius:18px;max-width:460px;padding:28px}dialog::backdrop{background:#172d4780}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:760px){header{height:74px;padding:0 18px}.top-actions>span{max-width:130px;font-size:11px}.brand strong{font-size:17px}main{padding:16px 12px;min-height:calc(100dvh - 126px)}.card{padding:26px}.login-card,.connect-card{margin:20px auto}h1{font-size:29px}#workspace{grid-template-columns:1fr;height:calc(100dvh - 155px);min-height:420px}#workspace .conversation{display:none}#workspace.open-chat aside{display:none}#workspace.open-chat .conversation{display:flex}#back{display:block;font-size:12px;padding:8px}#canary-label{display:none}.conversation-heading{padding:14px}#message-form,#history-wrap{padding:14px}.bubble{max-width:90%}footer{padding:0 18px 18px}footer span{display:none}}

#new-dialog-modal{width:460px;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto}#recipient-preview{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}#recipient-preview strong,#recipient-preview a{display:block}#recipient-preview a{margin-top:10px;color:var(--blue);font-size:13px}#recipient-error{color:#bc3040;font-size:14px}#recipient-form button{width:100%}