*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fafafa;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{text-align:center;padding:3rem 2rem;max-width:500px}.avatar-button{background:none;border:none;padding:0;cursor:pointer;margin-bottom:2rem;outline:none}.avatar-wrapper{position:relative;display:inline-block;border-radius:50%;transition:transform .2s ease}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-wrapper.active{box-shadow:0 0 0 4px #0a0a0a,0 0 0 6px #22c55e}.avatar-wrapper.connecting{box-shadow:0 0 0 4px #0a0a0a,0 0 0 6px #f59e0b;animation:spin-border 1.5s linear infinite}@keyframes spin-border{0%{box-shadow:0 0 0 4px #0a0a0a,0 0 0 6px #f59e0b}50%{box-shadow:0 0 0 4px #0a0a0a,0 0 0 6px #fbbf24}to{box-shadow:0 0 0 4px #0a0a0a,0 0 0 6px #f59e0b}}.avatar{width:180px;height:180px;border-radius:50%;object-fit:cover;display:block}.status-dot{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#22c55e;border-radius:50%;border:3px solid #0a0a0a}.pulse-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid #22c55e;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.15);opacity:0}}h1{font-size:2rem;font-weight:600;margin-bottom:.75rem}.subtitle{color:#888;font-size:1.1rem;line-height:1.6}.agent-text{margin-top:2rem;color:#ccc;font-size:1rem;line-height:1.6;font-style:italic;max-width:400px;margin-left:auto;margin-right:auto}