*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0d10;color:#f5f5f5}button,input,textarea,select{font:inherit}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:290px;background:#111419;border-right:1px solid #242830;padding:18px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:20px;margin:3px 5px 20px;letter-spacing:-.4px}.brand span,.logo{color:#9b8cff}.new{border:0;border-radius:10px;background:#f4f4f5;color:#101114;padding:12px;text-align:left;font-weight:700;cursor:pointer}.search{margin:14px 0;padding:10px 12px;border:1px solid #292e37;border-radius:9px;background:#191c22;color:#fff;outline:none}.chatlist{overflow:auto;flex:1}.chatitem{width:100%;display:flex;gap:9px;align-items:center;border:0;background:transparent;color:#d8dae0;padding:11px;border-radius:9px;text-align:left;cursor:pointer}.chatitem:hover,.chatitem.active{background:#20242c}.chatname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.delete{opacity:.35}.chatitem:hover .delete{opacity:1}.empty{color:#777f8c;padding:15px 8px;font-size:13px}.sidebottom{display:flex;gap:8px;border-top:1px solid #242830;padding-top:14px}.filebtn{border:1px solid #2b3039;background:#171a20;color:#cdd1d8;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:12px}.main{flex:1;display:flex;flex-direction:column;min-width:0}header{height:70px;border-bottom:1px solid #242830;display:flex;align-items:center;justify-content:space-between;padding:0 28px}h1{font-size:15px;margin:0 0 3px}.status{font-size:11px;color:#6dd49a}header select{background:#171a20;color:#ddd;border:1px solid #2a2f38;padding:8px;border-radius:8px}.welcome{margin:auto;text-align:center;max-width:650px}.logo{font-size:46px}.welcome h2{font-size:34px;margin:10px 0}.welcome p{color:#858c98}.cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.cards button{background:#15181e;border:1px solid #292e38;color:#d9dce2;padding:11px 15px;border-radius:10px;cursor:pointer}.messages{flex:1;overflow:auto;padding:35px max(20px,calc((100vw - 900px)/2))}.message{display:flex;gap:14px;margin:0 0 26px;line-height:1.6;white-space:pre-wrap}.avatar{width:32px;min-width:32px;height:32px;border-radius:50%;background:#20242c;display:grid;place-items:center;font-size:11px}.user .avatar{background:#303642}.bubble{max-width:760px}.composer{margin:0 auto 8px;width:min(900px,calc(100% - 36px));border:1px solid #30353f;background:#171a20;border-radius:16px;padding:10px;display:flex;align-items:end;gap:8px;box-shadow:0 12px 40px #0005}.tools{display:flex;gap:4px}.tools button,.send{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#bfc4cc;cursor:pointer}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:#fff;min-height:34px;max-height:180px;padding:7px}.send{background:#eee;color:#111}.send:disabled{opacity:.4}.hint{text-align:center;color:#656c77;font-size:10px;margin-bottom:10px}.typing{color:#9aa1ad}@media(max-width:700px){.sidebar{width:230px}.welcome h2{font-size:27px}.messages{padding:20px 12px}}