:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e5e7eb;background:#020617;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif}.shell{background:radial-gradient(circle at 20% 20%,#1d4ed8 0 1px,#0000 2px) 0 0/90px 90px,radial-gradient(circle at 80% 10%,#fef3c7 0 1px,#0000 2px) 0 0/130px 130px,linear-gradient(135deg,#020617,#111827 55%,#312e81);place-items:center;min-height:100vh;padding:24px;display:grid}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad6;border:1px solid #93c5fd59;border-radius:28px;grid-template-rows:auto 1fr auto;width:min(980px,100%);height:min(860px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000073}.brand{border-bottom:1px solid #93c5fd2e;align-items:center;gap:18px;padding:24px;display:flex}.brand p{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-weight:700}.brand h1{margin:0;font-size:clamp(1.5rem,4vw,3rem)}.chat{flex-direction:column;gap:18px;padding:28px;display:flex;overflow-y:auto}.bubble{filter:drop-shadow(0 12px 20px #0000003d);overflow-wrap:anywhere;word-break:normal;max-width:78%;padding:18px 22px;line-height:1.55}.bubble p{margin:0 0 10px}.bubble p:last-child{margin-bottom:0}.bubble.assistant{color:#0f172a;background:#c7d2fe;border-radius:22px 22px 22px 6px;align-self:flex-start}.bubble.user{color:#111827;background:#fde68a;border-radius:22px 22px 6px;align-self:flex-end}.bubble.system{background:#334155;border-radius:18px;align-self:center}.composer{background:#020617b8;border-top:1px solid #93c5fd2e;grid-template-columns:1fr auto;gap:14px;padding:20px;display:grid}textarea{resize:vertical;color:#f8fafc;min-height:72px;font:inherit;background:#020617;border:1px solid #93c5fd59;border-radius:18px;padding:14px 16px}button{color:#0f172a;cursor:pointer;background:#60a5fa;border:0;border-radius:18px;padding:0 24px;font-weight:700}button:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}@media (max-width:700px){.shell{padding:0}.panel{border-radius:0;min-height:100vh}.composer{grid-template-columns:1fr}.bubble{max-width:92%}}