*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{flex-direction:column;height:100dvh;width:100%;position:relative}.avatar,.container{display:flex;align-items:center;justify-content:center}.avatar{width:120px;height:120px;border-radius:50%;background:#1a1a2e;font-size:60px;margin-bottom:16px;transition:all .3s ease}.avatar.speaking{box-shadow:0 0 0 4px rgba(239,68,68,.3),0 0 30px rgba(239,68,68,.2);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px rgba(239,68,68,.3),0 0 30px rgba(239,68,68,.2)}50%{box-shadow:0 0 0 8px rgba(239,68,68,.2),0 0 60px rgba(239,68,68,.3)}}.name{font-size:24px;font-weight:600;margin-bottom:4px}.status{font-size:14px;color:#888;margin-bottom:48px;min-height:20px}.status.connected{color:#4ade80}.call-btn{width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.call-btn:active{transform:scale(.92)}.call-btn.start{background:#22c55e}.call-btn.start:hover{background:#16a34a}.call-btn.end{background:#ef4444}.call-btn.end:hover{background:#dc2626}.call-btn svg{width:32px;height:32px;fill:white}.transcript{position:absolute;bottom:140px;left:20px;right:20px;max-height:200px;overflow-y:auto;text-align:center}.transcript-line{padding:6px 12px;margin:4px 0;border-radius:12px;font-size:15px;line-height:1.4;max-width:85%;display:inline-block}.transcript-line.bot{background:#1a1a2e;color:#e2e8f0}.transcript-line.user{background:#1e3a5f;color:#93c5fd}.timer{font-size:16px;color:#666;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:12px}.connecting-spinner{width:24px;height:24px;border:3px solid #333;border-top-color:#22c55e;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 8px}@keyframes spin{to{transform:rotate(1turn)}}.mic-indicator{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.mic-dot{width:8px;height:8px;border-radius:50%;background:#333}.mic-dot.active{background:#22c55e;animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:.6}50%{opacity:1}}