*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0b0d12;color:#e8eaf0}main{max-width:720px;margin:0 auto;padding:96px 24px}h1{font-size:2.25rem;margin:0 0 12px}p{color:#a0a6b5;line-height:1.6}button{background:#4f6df5;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:1rem;cursor:pointer}button:hover{background:#3f58d6}.chat{display:flex;flex-direction:column;gap:10px;margin:24px 0;min-height:200px}.bubble{padding:10px 14px;border-radius:12px;max-width:85%;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#4f6df5;color:#fff}.bubble.assistant{align-self:flex-start;background:#1a1e29}.composer{display:flex;gap:8px}.composer input{flex:1 1;padding:10px 14px;border-radius:8px;border:1px solid #2a3040;background:#11141c;color:inherit;font-size:1rem}