:root{color-scheme:dark;font-family:Arial,sans-serif;background:#050b14;color:#f8fbff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#173d68,#050b14 58%)}.shell{width:min(96vw,1050px)}.card{background:#0c1725;border:1px solid #26577e;border-radius:18px;box-shadow:0 18px 60px #000;padding:22px}.login{max-width:430px;margin:auto;text-align:center}.login h1{margin:0 0 8px;color:#8dccff;font-size:1.45rem}.login p{color:#c0d1df}form{display:grid;gap:10px}input,button{border-radius:10px;padding:13px 14px;font:inherit}input{border:1px solid #477da7;background:#0a1320;color:#fff}button{border:0;background:#216eae;color:#fff;font-weight:bold;cursor:pointer}.error{min-height:1.3em;color:#ffaaa0;margin:2px 0}.hidden{display:none!important}.divider{display:flex;align-items:center;gap:12px;color:#b3c8da;margin:19px 0}.divider:before,.divider:after{content:"";height:1px;background:#315d80;flex:1}.visitor-button{width:100%;background:#1a4265;border:1px solid #5d99c7}.visitor-note{font-size:.8rem;margin:10px 0 0}.app-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #285879;padding-bottom:12px}.app-header strong{color:#a5d8ff;font-size:1.2rem}.settings-wrap{position:relative}.gear{font-size:1.35rem;line-height:1;padding:8px 10px;background:transparent;color:#b9e0ff;border:1px solid #5597c7}.settings-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:4;width:170px;padding:8px;background:#10263a;border:1px solid #4380a9;border-radius:10px;box-shadow:0 10px 25px #000;display:grid;gap:7px}.outline{background:transparent;border:1px solid #5597c7;color:#c4e6ff;padding:9px 10px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);height:min(70vh,620px);min-height:530px}.conversation-list{display:grid;align-content:start;gap:7px;padding:15px 14px 15px 0;border-right:1px solid #285879;overflow:auto}.conversation{background:transparent;border:1px solid transparent;color:#fff;text-align:left;font-weight:normal;border-radius:9px;padding:10px}.conversation:hover{background:#18334c}.conversation.selected{border-color:#63aee0;background:#173b5c}.conversation-name,.chat-meta{display:flex;align-items:center;gap:8px}.presence{width:9px;height:9px;border-radius:50%;background:#bd4940;box-shadow:0 0 6px #bd4940}.presence.online{background:#42c76c;box-shadow:0 0 7px #42c76c}.conversation-name.unread{color:#63e88a;font-weight:bold}.chat-pane{min-width:0;height:100%;padding:15px 0 0 18px;display:flex;flex-direction:column}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid #285879}.chat-heading>div{display:grid;gap:3px}.chat-heading strong{color:#a5d8ff}.chat-heading span{font-size:.82rem;color:#c0d1df}.clear-chat{background:transparent;border:1px solid #c95a50;color:#ffc2bc;padding:8px 10px;font-size:.8rem}.clear-chat:hover{background:#6c2926}#messages{height:auto;flex:1;overflow-y:auto;padding:16px 3px;display:flex;flex-direction:column;gap:9px}.message{max-width:82%;padding:10px 12px;border-radius:14px;line-height:1.35;white-space:pre-wrap}.message.user{align-self:flex-start;background:#243748}.message.remoteme{align-self:flex-end;background:#1b5d92}.message small{display:block;color:#e2effaaf;font-size:.7rem;margin-top:4px}.composer{grid-template-columns:1fr auto;margin-top:12px}.composer button{padding-inline:18px}.send-button{background:#238044!important}.send-button:hover{background:#2e9b55!important}@media(max-width:650px){.card{padding:16px}.workspace{grid-template-columns:115px minmax(0,1fr);height:72vh;min-height:500px}.conversation-list{padding-right:8px}.conversation{padding:9px 7px;font-size:.86rem}.chat-pane{padding-left:11px}.clear-chat{font-size:.72rem;padding:7px}.composer{grid-template-columns:1fr}.composer button{width:100%}}