:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#0f1724;--card:#0b1220;--accent:#7c3aed;--muted:#98a0b3;--user:#1f2937;--bot:#0b1220}*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:radial-gradient(1200px 600px at 10% 10%,#7c3aed1f,transparent 10%),radial-gradient(700px 400px at 90% 90%,#0ea5e90f,transparent 10%),var(--bg);color:#e6eef8;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:32px;display:flex}.app{background:linear-gradient(#071025aa,#081428aa);border:1px solid #ffffff08;border-radius:16px;grid-template-columns:320px 1fr;width:100%;max-width:920px;display:grid;overflow:hidden;box-shadow:0 10px 30px #020617b3}.sidebar{background:linear-gradient(#ffffff05,#0000);border-right:1px solid #ffffff05;padding:20px}.brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.logo{background:linear-gradient(135deg,var(--accent),#06b6d4);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex;box-shadow:0 6px 18px #7c3aed2e}.brand h1{margin:0;font-size:16px}.intro{color:var(--muted);margin-top:8px;font-size:13px}.conversations{flex-direction:column;gap:8px;max-height:56vh;margin-top:18px;display:flex;overflow:auto}.conv{cursor:pointer;background:#ffffff05;border-radius:10px;padding:10px;font-size:14px}.conv.active{background:linear-gradient(90deg,#7c3aed1f,#06b6d40a);box-shadow:inset 0 0 0 1px #ffffff05}.chat{flex-direction:column;gap:14px;height:80vh;padding:20px;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding-right:8px;display:flex;overflow:auto}.msg{border-radius:12px;max-width:78%;padding:12px 14px;line-height:1.45}.msg.user{color:#fff;background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff08;margin-left:auto}.msg.bot{background:linear-gradient(#ffffff03,#ffffff03);border:1px solid #ffffff05}.meta{color:var(--muted);margin-bottom:6px;font-size:12px}.typing{vertical-align:middle;height:10px;display:inline-block}.typing>span{opacity:.2;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1s infinite dot;display:inline-block}.typing>span:nth-child(2){animation-delay:.15s}.typing>span:nth-child(3){animation-delay:.3s}@keyframes dot{50%{opacity:1;transform:translateY(-4px)}}.composer{background:linear-gradient(#ffffff03,#ffffff03);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.composer input{color:inherit;background:0 0;border:1px solid #ffffff08;border-radius:10px;outline:none;flex:1;padding:12px}.btn{background:linear-gradient(90deg,var(--accent),#06b6d4);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:600;box-shadow:0 8px 18px #7c3aed2e}.small{color:var(--muted);font-size:12px}@media (max-width:840px){.app{grid-template-columns:1fr}.sidebar{display:none}}