*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:#111827;display:flex;height:100vh;overflow:hidden}.sidebar{width:270px;background:#f7f9fc;border-right:1px solid #e5e7eb;padding:16px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.logo,.hero-logo{display:grid;place-items:center;background:#1769ff;color:#fff;font-weight:900}.logo{width:36px;height:36px;border-radius:11px}.new-chat{border:0;border-radius:12px;background:#1769ff;color:#fff;padding:12px;text-align:left;font-weight:700;cursor:pointer}.history{flex:1;overflow:auto}.history button,.side-bottom button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;cursor:pointer;color:#374151}.history button:hover,.side-bottom button:hover{background:#e9eef8}.app{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.icon-btn{border:0;background:transparent;font-size:20px;cursor:pointer}.mobile-brand{display:none;font-weight:800}.chat{flex:1;overflow:auto;padding:28px max(18px,calc((100% - 850px)/2))}.welcome{text-align:center;max-width:720px;margin:10vh auto}.hero-logo{width:64px;height:64px;border-radius:20px;margin:auto;font-size:30px}.welcome h1{font-size:32px;margin:20px 0 10px}.welcome p{color:#6b7280}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.suggestions button{background:#f6f8fb;border:1px solid #e5e7eb;border-radius:12px;padding:14px;cursor:pointer;text-align:left}.msg{display:flex;margin:20px 0;gap:12px}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eef3ff;flex:none;font-weight:800}.bubble{line-height:1.6;white-space:pre-wrap;max-width:760px}.user .bubble{background:#f3f4f6;border-radius:16px;padding:11px 14px}.composer{width:min(850px,calc(100% - 28px));margin:0 auto;padding:10px;display:flex;gap:8px;border:1px solid #d9dee8;border-radius:17px;box-shadow:0 4px 20px #0000000b;background:#fff}.composer textarea{flex:1;border:0;outline:0;resize:none;font:inherit;padding:9px;max-height:150px}.composer button{width:42px;height:42px;border:0;border-radius:12px;background:#1769ff;color:#fff;font-size:18px;cursor:pointer}.notice{text-align:center;color:#9ca3af;font-size:11px;padding:8px 10px 14px}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:20px}.hidden{display:none}.modal-card{position:relative;background:#fff;border-radius:18px;padding:24px;width:min(500px,100%);box-shadow:0 20px 60px #0003}.modal-card label{display:block;font-weight:700;margin:18px 0}.modal-card input{width:100%;margin-top:7px;padding:12px;border:1px solid #d8dee9;border-radius:10px}.small{color:#6b7280;font-size:13px;line-height:1.5}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:25px}.save{border:0;background:#1769ff;color:#fff;padding:11px 18px;border-radius:10px;font-weight:700}@media(max-width:760px){.sidebar{position:fixed;z-index:5;left:-280px;top:0;bottom:0;transition:.2s}.sidebar.open{left:0}.mobile-brand{display:block}.suggestions{grid-template-columns:1fr}.welcome h1{font-size:25px}.chat{padding:18px 12px}.composer{width:calc(100% - 18px)}}