*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e1e1c;background:#f8f8f5}.hidden{display:none!important}.shell{height:100dvh;display:grid;grid-template-columns:280px 1fr}aside{background:#f0f0eb;border-right:1px solid #e1e1da;padding:14px;display:flex;flex-direction:column;min-width:0}.brand{height:48px;display:flex;align-items:center;gap:10px;padding:0 5px}.mark{width:42px;height:42px;border-radius:14px;background:#33235c;color:white;display:grid;place-items:center;font:700 22px Georgia}.mark.small{width:30px;height:30px;border-radius:10px;font-size:16px}.mark.hero{width:54px;height:54px;border-radius:18px;margin:auto;font-size:27px}.icon{border:0;background:transparent;font-size:20px;cursor:pointer;color:#65655e}.brand .icon{margin-left:auto;display:none}.new{border:1px solid #d8d8d1;background:#fff;border-radius:11px;padding:11px 12px;text-align:left;font-weight:600;margin:10px 0;cursor:pointer}.search{display:flex;align-items:center;gap:7px;padding:8px 10px}.search input{border:0;outline:0;background:transparent;width:100%}.chats{overflow:auto;flex:1;padding-top:8px}.chat{padding:10px;border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin:2px 0}.chat:hover,.chat.active{background:#e4e4dc}.account{border-top:1px solid #ddddD5;padding:13px 5px 2px;display:flex;align-items:center;justify-content:space-between}.account small{display:block;color:#77776e;margin-top:3px}main{min-width:0;display:flex;flex-direction:column;background:#fbfbf8}header{height:62px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #ededE7;gap:12px}#chatTitle{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{margin-left:auto;border:1px solid #deded7;border-radius:99px;padding:5px 9px;font-size:11px;color:#65655e}.mobile{display:none}.messages{flex:1;overflow:auto;padding:35px max(24px,calc((100% - 820px)/2)) 160px}.welcome{text-align:center;max-width:650px;margin:13vh auto}.welcome h1{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:20px 0 10px}.welcome p{color:#6c6c64;line-height:1.6}.suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}.suggestions button{border:1px solid #e0e0d9;background:#fff;border-radius:99px;padding:9px 13px;color:#55554f}.message{max-width:760px;margin:0 auto 26px;line-height:1.65}.message.user{display:flex;justify-content:flex-end}.message.user .bubble{background:#eeeeE8;border-radius:18px 18px 4px 18px;padding:11px 15px;max-width:78%;white-space:pre-wrap}.message.assistant .bubble{white-space:pre-wrap}.label{font-size:12px;color:#85857c;margin-bottom:7px}.composerWrap{position:fixed;bottom:0;left:280px;right:0;padding:18px max(24px,calc((100% - 820px)/2)) 14px;background:linear-gradient(transparent,#fbfbf8 24%)}.composer{background:white;border:1px solid #d9d9d1;border-radius:18px;padding:10px 10px 10px 15px;display:flex;align-items:flex-end;box-shadow:0 8px 30px #0000000a}.composer textarea{flex:1;border:0;resize:none;outline:0;font:inherit;max-height:160px;padding:7px 4px;background:transparent}.composer button{width:36px;height:36px;border:0;border-radius:11px;background:#33235c;color:white;font-size:20px;cursor:pointer}.composerWrap>small{display:block;text-align:center;color:#8a8a82;font-size:10px;margin-top:7px}.auth{height:100dvh;display:grid;place-items:center;background:#f6f6f2}.authCard{width:min(390px,calc(100% - 34px));background:white;border:1px solid #e3e3dc;border-radius:24px;padding:32px;box-shadow:0 20px 60px #0000000b;text-align:center}.authCard .mark{margin:auto}.authCard h1{font:400 31px Georgia;margin:18px 0 5px}.authCard p{color:#74746d;margin:0 0 23px}.authCard input{width:100%;padding:12px 13px;border:1px solid #ddddD6;border-radius:10px;margin:5px 0;outline:0}.authCard button{width:100%;border:0;border-radius:10px;padding:12px;margin-top:8px;background:#33235c;color:white;font-weight:600}.authCard .secondary{background:#efefe9;color:#333}.error{color:#a33;font-size:12px;margin-top:10px}@media(max-width:760px){.shell{display:block}.shell aside{position:fixed;z-index:10;inset:0 auto 0 0;width:min(88vw,320px);transform:translateX(-105%);transition:.2s;box-shadow:10px 0 40px #0002}.shell aside.open{transform:none}.brand .icon,.mobile{display:block}.messages{padding:24px 18px 150px}.composerWrap{left:0;padding:15px 14px 10px}.welcome{margin:9vh auto}.welcome h1{font-size:29px}header{padding:0 14px}.pill{display:none}}
