*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:#171717}.app{display:flex;height:100vh}.sidebar{width:280px;background:#f7f7f8;border-right:1px solid #e5e5e5;padding:14px;display:flex;flex-direction:column;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;padding:8px}.logo,.biglogo{display:grid;place-items:center;border-radius:12px;background:#111;color:#fff}.logo{width:34px;height:34px}.brand button{display:none;margin-left:auto}.newchat{border:1px solid #ddd;background:#fff;border-radius:10px;padding:11px;text-align:left;font-size:14px}.history{overflow:auto;flex:1}.item{padding:10px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.item:hover{background:#e9e9ea}.sidebottom{border-top:1px solid #ddd;padding-top:10px}.sidebottom button{display:block;width:100%;border:0;background:none;text-align:left;padding:10px;border-radius:8px}.sidebottom button:hover{background:#e9e9ea}.main{flex:1;display:flex;flex-direction:column;min-width:0}header{height:58px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.icon{border:0;background:transparent;font-size:22px;padding:8px}.mobilebrand{display:none;font-weight:700}.chat{flex:1;overflow:auto;padding:28px 18px 130px}.welcome{max-width:780px;margin:10vh auto 0;text-align:center}.biglogo{width:52px;height:52px;margin:auto;font-size:26px;border-radius:16px}.welcome h1{font-size:32px;margin:18px 0 8px}.welcome p{color:#777}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.suggestions button{background:#fff;border:1px solid #ddd;border-radius:12px;padding:14px;text-align:left}.msg{max-width:820px;margin:0 auto 22px;display:flex;gap:12px}.avatar{width:32px;height:32px;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center;flex:none}.bubble{line-height:1.55;white-space:pre-wrap}.composerWrap{position:fixed;bottom:0;left:280px;right:0;padding:14px 18px 12px;background:linear-gradient(transparent,#fff 28%)}.composer{max-width:820px;margin:auto;border:1px solid #cfcfcf;border-radius:16px;background:#fff;padding:8px 10px;box-shadow:0 3px 16px #0000000d}.composer textarea{width:100%;resize:none;border:0;outline:0;font:inherit;padding:8px}.tools{display:flex;align-items:center;gap:8px}.tools button,.attach{border:0;background:#f3f3f3;border-radius:9px;padding:8px 11px}.send{margin-left:auto!important;background:#111!important;color:#fff!important}.composerWrap small{display:block;text-align:center;color:#888;margin-top:7px}.modal{display:none;position:fixed;inset:0;background:#0008;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{background:#fff;max-width:480px;width:100%;border-radius:18px;padding:24px;position:relative}.x{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px}.modalbox label{display:block;margin:16px 0}.modalbox input,.modalbox select{display:block;width:100%;padding:11px;border:1px solid #ddd;border-radius:9px;margin-top:7px}.save{width:100%;padding:12px;border:0;border-radius:10px;background:#111;color:#fff}.note{font-size:13px;color:#666}@media(max-width:700px){.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:82%;transform:translateX(-105%);transition:.2s;box-shadow:8px 0 30px #0002}.sidebar.open{transform:none}.brand button{display:block;background:none;border:0;font-size:25px}.mobilebrand{display:block}.composerWrap{left:0}.suggestions{grid-template-columns:1fr}.welcome h1{font-size:27px}.chat{padding-left:12px;padding-right:12px}}body.dark{background:#101010;color:#eee}body.dark .sidebar,body.dark .modalbox{background:#181818;border-color:#333}body.dark header{border-color:#333}body.dark .composer{background:#181818;border-color:#444}body.dark .suggestions button,body.dark .newchat{background:#181818;color:#eee;border-color:#444}body.dark .sidebottom button:hover,body.dark .item:hover{background:#252525}body.dark .composerWrap{background:linear-gradient(transparent,#101010 28%)}body.dark .composer textarea{background:#181818;color:#eee}body.dark .tools button,body.dark .attach{background:#292929;color:#eee}