*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#fff;width:1280px;height:720px;overflow:hidden}.app-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.employee-card{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px;min-width:320px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.avatar-container{position:relative;width:120px;height:120px;margin-bottom:24px}.avatar-bg-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#3b82f6;opacity:0;filter:blur(20px);transition:opacity .3s ease}.avatar-container.speaking .avatar-bg-glow{opacity:.6;animation:pulse-glow 1.5s ease-in-out infinite alternate}.avatar-circle{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#1e1e2d,#2a2a3e);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 10px #00000080;z-index:2;transition:transform .2s ease,border-color .3s ease}.avatar-container.speaking .avatar-circle{border-color:#3b82f6;transform:scale(1.05)}.avatar-circle svg{width:48px;height:48px;color:#94a3b8;transition:color .3s ease}.avatar-container.speaking .avatar-circle svg{color:#60a5fa}.employee-name{font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:16px;color:#fff;text-align:center}.status-badge{display:flex;align-items:center;gap:8px;background:#0003;padding:8px 16px;border-radius:9999px;border:1px solid rgba(255,255,255,.05)}.status-dot{width:10px;height:10px;border-radius:50%;transition:background .3s ease}.status-dot.disconnected{background:#64748b}.status-dot.connecting{background:#f59e0b;animation:pulse 1.5s infinite}.status-dot.connected{background:#22c55e;box-shadow:0 0 10px #22c55e80}.status-dot.error{background:#ef4444}.status-text-nice{font-size:14px;font-weight:500;color:#cbd5e1}@keyframes pulse-glow{0%{opacity:.3;transform:scale(.9)}to{opacity:.8;transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{color-scheme:dark}