*{box-sizing:border-box}body{margin:0;font:15px/1.8 Tahoma,Arial,sans-serif;background:#101722;color:#edf0f6}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.shell{max-width:1450px;margin:auto;min-height:100vh;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:9px 4px 24px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}.brand small{display:block;color:#98a3b4;font-size:11px;font-weight:400}.logo{display:grid;place-items:center;background:#496ff8;border-radius:13px;width:46px;height:46px;font-size:28px}.status{color:#aeb8c6;font-size:12px}.headright{display:flex;gap:20px;align-items:center}button{border:0;border-radius:11px;padding:10px 15px}.ghost,.secondary{background:#2a364b;color:#ecf0f7}.primary{background:#5176fc;color:#fff;font-weight:700}.card{background:#1b2535;border:1px solid #303c4e;border-radius:19px}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;height:calc(100vh - 110px);min-height:550px}.side{padding:22px;overflow:auto}.side h3{margin:0 0 6px}.side p,.chathead p,.login p{color:#aab5c4;font-size:13px;margin:0 0 15px}.template{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:right;margin:8px 0;background:#283449;border:1px solid #344357;color:#f0f3ff;padding:10px 14px}.template:hover{background:#354866}.template span{color:#92a7ff}.tips{color:#aeb8c7;background:#243048;border-radius:12px;padding:12px;font-size:12px;margin:20px 0}.chat{display:flex;flex-direction:column;min-height:0;overflow:hidden}.chathead{padding:19px 24px;border-bottom:1px solid #303c4e;display:flex;align-items:center;justify-content:space-between}.chathead h1{font-size:18px;margin:0}.chathead p{margin:2px 0 0}.chathead span{background:#303f5b;border-radius:20px;padding:2px 10px;font-size:12px}.messages{padding:25px;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.bubble{max-width:min(85%,680px);white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 17px;border-radius:16px;background:#29384c;color:#eef2fa}.bubble.user{align-self:flex-end;background:#385fd0}.bubble strong{color:#bed0ff}.bubble p{margin:7px 0}.diff{display:flex;gap:10px;flex-wrap:wrap}.diff span{padding:7px;background:#162233;border-radius:7px}.buttons{display:flex;gap:9px;margin:12px 0 5px}.bubble small{color:#b1bfd2}.composer{display:flex;gap:12px;padding:15px 20px 5px;border-top:1px solid #303c4e;align-items:center}.composer textarea{min-width:0;flex:1;background:#121e2d;color:#fff;border:1px solid #39465c;border-radius:12px;resize:vertical;padding:10px;outline:none}.composer textarea:focus{border-color:#688af5}.mic{background:#303d57;color:#fff;font-size:23px}.mic.active{background:#bf4255;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}#micStatus{display:block;padding:0 20px 15px;color:#93a1b5}.loginwrap{display:grid;place-items:center;min-height:75vh}.login{padding:35px;width:min(430px,100%)}.login h1{margin:0 0 8px}.login label{display:block;margin:18px 0;color:#bdc9da}.login input{display:block;width:100%;background:#121b29;border:1px solid #495772;border-radius:10px;padding:12px;color:#fff;margin-top:6px}.login .primary{width:100%;margin-top:8px}.error{color:#ffadad;margin-top:16px}@media(max-width:800px){.shell{padding:12px}.layout{grid-template-columns:1fr;height:auto}.side{order:2}.chat{min-height:65vh;height:70vh}.status{display:none}.messages{padding:12px}.bubble{max-width:96%}}