*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,Segoe UI,sans-serif;background:#ebf0f4;color:#17313e}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;border-radius:10px;padding:10px;background:#dbe8ea;color:#183844}button:hover{filter:brightness(.96)}button.primary{background:#007f77;color:white}button.secondary{background:#e5eff1;margin-top:12px}input,textarea,select{width:100%;border:1px solid #ccdade;border-radius:10px;padding:12px;background:white;color:#17313e}input:focus,textarea:focus{outline:2px solid #6cb4ac}h1{margin:7px 0}h2{font-size:18px}.auth{display:grid;place-items:center;height:100dvh}.card{width:min(93vw,400px);background:white;border-radius:22px;padding:33px;box-shadow:0 20px 70px #182f3322}.card form,.formgroup{display:grid;gap:12px}.card .primary{padding:13px}.logo{font-size:52px;color:#008477}.error{color:#b42232;min-height:20px}#app{display:flex;height:100dvh}aside{background:#fff;display:flex;flex-direction:column;width:370px;max-width:100%;border-right:1px solid #dce6e8}aside header{padding:19px;display:flex;align-items:center;justify-content:space-between;background:#102a37;color:white;font-size:20px}.search{padding:14px}.top-actions{display:flex;gap:8px;padding:0 14px 12px}.top-actions button{flex:1}#chatList{overflow:auto;flex:1}.chatitem{padding:16px;border-bottom:1px solid #ecf1f2;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.chatitem:hover,.chatitem.active{background:#eaf8f5}.chatitem small{color:#687e88}aside footer{font-size:12px;text-align:center;padding:14px;color:#6c858e}aside footer button{font-size:12px;padding:4px}main{flex:1;min-width:0;display:flex;flex-direction:column}#empty{margin:auto;color:#7d959b;font-size:21px}#conversation{height:100%;display:flex;flex-direction:column}#conversation[hidden],#app[hidden],#auth[hidden],#lockSecrets[hidden],#unlockSecrets[hidden]{display:none!important}.chathead{height:74px;background:white;border-bottom:1px solid #e2e7ea;padding:12px 20px;display:flex;gap:14px;align-items:center}.chathead>div{flex:1;min-width:0}.chathead small{display:block;color:#84969d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{display:none}#messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:20px;background:#e9eef1}.bubble{max-width:min(80%,620px);padding:12px 15px;border-radius:17px;background:#fff;align-self:flex-start;overflow-wrap:anywhere}.bubble.mine{background:#d1f3e9;align-self:flex-end}.bubble .sender{font-size:12px;color:#328178;font-weight:650}.bubble .date{color:#788e91;font-size:11px;text-align:right}.bubble img,.bubble video{max-width:100%;max-height:320px;border-radius:10px;display:block;margin:7px 0}.bubble audio{max-width:100%;margin:7px 0}.bubble a{display:block;overflow-wrap:anywhere}#sendForm{display:flex;gap:9px;padding:12px;background:white;align-items:center}#sendForm textarea{resize:none;max-height:130px}#selectedFile{padding:0 15px;background:white}.attach{cursor:pointer;font-size:27px}dialog{width:min(95vw,450px);border:0;border-radius:19px;padding:24px;box-shadow:0 20px 100px #0005;max-height:85dvh;overflow:auto}dialog::backdrop{background:#081b24a1}#modalInner{display:grid;gap:12px}dialog h2{margin:0 0 6px}dialog p{margin:2px 0;color:#657b86;font-size:13px}dialog label{display:grid;gap:5px}dialog label.row{display:flex;align-items:center}dialog label.row input{width:auto}.warning{color:#a72d31!important}hr{border:0;border-top:1px solid #d8e4e6;width:100%}@media(max-width:700px){aside{width:100%}main{display:none}#app.inchat aside{display:none}#app.inchat main{display:flex;width:100%}.back{display:block}#messages{padding:12px}.bubble{max-width:87%}.chathead{padding:9px}.chathead strong{font-size:15px}}
.top-actions{flex-wrap:wrap}.top-actions button{flex:1 1 42%;white-space:nowrap}#secretPinForm{display:grid;gap:12px}#secretPinError:empty{display:none}