:root{font-family:Tahoma,Arial,sans-serif;color:#e8f7f4;background:#10242d;font-size:14px}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#app{display:flex;flex-direction:column;min-height:100dvh}.top{flex:none;min-height:28px;padding:5px 7px;background:#163943;color:#d5f7ed;display:flex;justify-content:space-between;gap:6px;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.status{font-size:10px;color:#a4d6c7;white-space:nowrap}.content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.notice{padding:8px;background:#453521;color:#ffe2a8;font-size:12px}.row{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid #31505a;background:transparent;color:inherit;padding:7px;min-height:40px}.row.selected,.row:focus{background:#246b69;outline:2px solid #70dbba;outline-offset:-2px}.row-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{color:#a9c8c8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.count{float:left;color:#aaffcd}.messages{padding:5px;display:flex;flex-direction:column;gap:5px}.bubble{max-width:94%;padding:6px;border-radius:7px;background:#244752;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}.bubble.mine{align-self:flex-start;background:#185e57}.bubble .meta{font-size:9px;color:#aec9c8;margin-top:3px;text-align:left}.composer{flex:none;display:flex;gap:4px;padding:5px;background:#173841}.composer input{min-width:0;flex:1;background:#eef8f4;border:0;border-radius:4px;padding:6px;color:#10242d}.composer button,.action{border:0;border-radius:4px;background:#56d6ac;color:#092f2e;font-weight:700;padding:6px}.foot{flex:none;min-height:25px;background:#173841;color:#a6d3cb;font-size:10px;display:flex;justify-content:space-between;gap:4px;padding:5px}.form{padding:9px;display:flex;flex-direction:column;gap:8px}.form p{margin:0;line-height:1.5;color:#c2dfd9}.form label{display:flex;flex-direction:column;gap:3px;font-size:12px}.form input{width:100%;padding:7px;border:1px solid #80b7ae;border-radius:4px;background:#eef8f4;color:#10242d;direction:ltr;text-align:left}.form .action{width:100%;min-height:31px}.hint{font-size:11px;color:#9dbfbc}.empty{padding:12px;color:#b8d2cd;text-align:center}@media(max-width:150px){:root{font-size:12px}.top{padding:4px}.row{padding:5px;min-height:34px}.form{padding:5px;gap:5px}.bubble{max-width:100%}.status{font-size:9px}}