:root{font-family:Inter,system-ui,sans-serif;color:#e5e7eb;background:#000}.avatar-container{position:relative;width:360px;flex-shrink:0;aspect-ratio:9 / 16;background:#000;border-radius:16px;overflow:hidden}.avatar-container .avatar-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s ease}body{margin:0;display:flex;justify-content:center;align-items:center;padding:24px;min-height:100vh;box-sizing:border-box}.app{display:flex;gap:32px;align-items:center;width:min(900px,100%)}.chat{flex:1;display:flex;flex-direction:column;gap:16px}.messages{background:#111;border-radius:12px;padding:16px;min-height:280px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{padding:10px 12px;border-radius:10px;max-width:85%;line-height:1.4;white-space:pre-wrap}.message--user{align-self:flex-end;background:#1e3a5f;color:#93c5fd}.message--assistant{align-self:flex-start;background:#1f1f1f;color:#d1d5db}.message--streaming:after{content:"▋";animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.composer{display:flex;gap:12px}.composer input{flex:1;padding:12px 14px;border-radius:8px;border:1px solid #333;background:#111;color:#e5e7eb;font-size:16px}.composer input::placeholder{color:#6b7280}.composer button{padding:12px 18px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-size:16px;cursor:pointer}.composer button:disabled{opacity:.5;cursor:not-allowed}