*{box-sizing:border-box}body{margin:0;background:#0b0e14;color:#edf0f5;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.shell{display:flex;min-height:100vh}aside{width:278px;flex-shrink:0;background:#111620;border-right:1px solid #263040;padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;margin:4px 6px 47px}.mark,.logo{background:#be292e;color:white;font-weight:900;display:grid;place-items:center;transform:skew(-9deg)}.mark{width:39px;height:39px;font-size:27px}.brand strong{display:block;font-size:20px;letter-spacing:.2px}.brand small,.agent small,header small{display:block;color:#8994a8;font-size:11px;letter-spacing:.5px}.side-heading{font-size:10px;letter-spacing:2px;color:#69788d;margin:22px 10px 13px}.agent{display:flex;gap:13px;align-items:center;padding:12px;border-radius:10px}.agent>span{font-size:23px;color:#e36a6e}.agent.active{background:#26242e;border:1px solid #53383e}.agent.muted{opacity:.5}.agent strong{font-size:14px}.project{padding:10px 13px;color:#a7b1c1;font-size:13px}.foot{margin-top:auto;color:#5f6a7d;font-size:12px;padding:12px}main{flex:1;min-width:0;display:flex;flex-direction:column;max-height:100vh}header{height:84px;border-bottom:1px solid #242c38;padding:21px 35px;display:flex;align-items:center;justify-content:space-between}header strong{display:block;font-size:16px}header small{margin-top:3px}.ghost{background:transparent;border:1px solid #485264;color:#b8c3d2;border-radius:7px;padding:8px 13px;cursor:pointer}.chat{flex:1;overflow:auto;padding:35px max(25px,calc((100% - 790px)/2)) 20px;display:flex;flex-direction:column;gap:20px}.welcome{margin:auto;text-align:center;max-width:530px}.star{color:#e35357;font-size:40px}.welcome h1{font-size:28px;font-weight:600}.welcome p,.login p{color:#9da9bc}.bubble{padding:17px 20px;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:94%}.bubble strong{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;color:#e8898c}.bubble.user{background:#242e3d;align-self:flex-end}.bubble.user strong{color:#a8b8cc}.bubble.assistant{background:#191e29;align-self:flex-start;border:1px solid #293240}.compose{padding:15px max(25px,calc((100% - 790px)/2)) 24px}.compose form{display:flex;align-items:flex-end;background:#1a212d;border:1px solid #364152;border-radius:13px;padding:10px;gap:10px}.compose textarea{background:transparent;border:0;outline:none;color:white;font:inherit;resize:vertical;flex:1;min-width:0;padding:9px}.compose button,.login button{border:0;border-radius:8px;padding:12px 18px;background:#be343a;color:white;cursor:pointer;font-weight:600}.compose button:disabled{opacity:.5}.compose-foot{display:flex;justify-content:space-between;color:#68758a;font-size:11px;padding:9px}.compose-foot .textbtn{background:transparent;color:#8492a7;font-size:11px;padding:0}.login{margin:auto;width:min(410px,90%);text-align:center}.logo{width:58px;height:58px;margin:auto;font-size:38px}.login h1{font-size:27px}.login form{display:flex;flex-direction:column;gap:12px;margin-top:25px}.login input{background:#19212c;border:1px solid #3a4655;color:white;padding:14px;border-radius:8px;font:inherit}.error{color:#fa7777}@media(max-width:700px){aside{display:none}header{height:70px;padding:15px}.chat{padding:20px 15px}.compose{padding:10px 12px 18px}.welcome h1{font-size:22px}}