*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--text-primary: #ffffff;--text-secondary: #8e8e93;--accent-green: #30d158;--accent-red: #ff453a;--accent-blue: #0a84ff;--accent-purple: #bf5af2;--accent-orange: #ff9f0a;--border-color: #38383a}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.phone-frame{width:100%;max-width:390px;height:844px;max-height:90vh;background-color:var(--bg-primary);border-radius:50px;border:3px solid #333;overflow:hidden;position:relative;display:flex;flex-direction:column}.status-bar{height:54px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 30px 8px;font-size:14px;font-weight:600}.status-bar .time{font-size:16px;font-weight:600}.status-bar .icons{display:flex;gap:5px;align-items:center}.contacts-view{flex:1;display:flex;flex-direction:column;padding:0 20px;overflow:hidden}.contacts-header{padding:10px 0 20px}.contacts-header h1{font-size:34px;font-weight:700}.contacts-list{flex:1;overflow-y:auto}.contact-card{display:flex;align-items:center;gap:15px;padding:16px;background-color:var(--bg-secondary);border-radius:16px;margin-bottom:12px;cursor:pointer;transition:transform .2s,background-color .2s}.contact-card:hover{background-color:var(--bg-tertiary);transform:scale(1.02)}.contact-card:active{transform:scale(.98)}.contact-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.contact-avatar.coach{background:linear-gradient(135deg,#00c9a7,#00d4aa,#4ade80)}.contact-avatar.sarcastic{background:linear-gradient(135deg,#f59e0b,#fb923c,#fbbf24)}.contact-avatar.pm{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c084fc)}.contact-avatar.jivtesh{background:linear-gradient(135deg,#0078d4,#00a4ef,#40c4ff)}.contact-info{flex:1}.contact-name{font-size:18px;font-weight:600;margin-bottom:4px}.contact-status{font-size:14px;color:var(--text-secondary)}.contact-call-btn{width:44px;height:44px;border-radius:50%;background-color:var(--accent-green);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,opacity .2s}.contact-call-btn:hover{opacity:.9;transform:scale(1.1)}.contact-call-btn svg{width:22px;height:22px;fill:#fff}.call-view{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px 30px;background:linear-gradient(180deg,#1c1c1e,#000)}.call-avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:56px}.call-avatar.coach{background:linear-gradient(135deg,#00c9a7,#00d4aa,#4ade80)}.call-avatar.sarcastic{background:linear-gradient(135deg,#f59e0b,#fb923c,#fbbf24)}.call-avatar.pm{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c084fc)}.call-avatar.jivtesh{background:linear-gradient(135deg,#0078d4,#00a4ef,#40c4ff)}.call-name{font-size:28px;font-weight:600;margin-bottom:8px}.call-status{font-size:16px;color:var(--text-secondary);margin-bottom:30px}.voice-visualizer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px}.pulse-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border-radius:50%;border:2px solid var(--accent-green);opacity:0}.pulse-ring.active{animation:pulse-ring 2s ease-out infinite}.pulse-ring:nth-child(1){width:80px;height:80px;animation-delay:0s}.pulse-ring:nth-child(2){width:120px;height:120px;animation-delay:.4s}.pulse-ring:nth-child(3){width:160px;height:160px;animation-delay:.8s}.pulse-ring:nth-child(4){width:200px;height:200px;animation-delay:1.2s}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.pulse-core{width:80px;height:80px;border-radius:50%;background:var(--accent-green);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .3s,background-color .3s}.pulse-core.listening{background:var(--accent-green);animation:core-pulse 1.5s ease-in-out infinite}.pulse-core.processing{background:var(--accent-orange);animation:core-pulse .8s ease-in-out infinite}.pulse-core.speaking{background:var(--accent-blue);animation:core-pulse 1s ease-in-out infinite}.pulse-core.idle{background:var(--bg-tertiary)}@keyframes core-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pulse-core svg{width:36px;height:36px;fill:#fff}.visualizer-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.response-bubble{width:100%;padding:0 20px;margin-bottom:20px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-text{background-color:var(--bg-tertiary);padding:16px 20px;border-radius:20px;font-size:16px;line-height:1.5;text-align:center;color:var(--text-primary)}.response-text.partial{background-color:#30d15826;border:1px solid rgba(48,209,88,.3);color:var(--text-secondary);font-style:italic;font-size:14px}.call-controls{display:flex;justify-content:center;gap:50px;padding:20px 0}.call-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,opacity .2s}.call-btn:hover{opacity:.9;transform:scale(1.05)}.call-btn:active{transform:scale(.95)}.call-btn.mute{background-color:var(--bg-tertiary)}.call-btn.mute.active{background-color:#fff}.call-btn.mute.active svg{fill:#000}.call-btn.end-call{background-color:var(--accent-red)}.call-btn.speaker{background-color:var(--bg-tertiary)}.call-btn svg{width:28px;height:28px;fill:#fff}.connection-indicator{position:absolute;top:60px;right:20px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.connection-dot{width:8px;height:8px;border-radius:50%}.connection-dot.connected{background-color:var(--accent-green)}.connection-dot.connecting{background-color:var(--accent-orange);animation:blink 1s infinite}.connection-dot.disconnected{background-color:var(--accent-red)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}@media (max-height: 700px){.phone-frame{border-radius:30px;max-height:95vh}.call-avatar{width:80px;height:80px;font-size:36px}.pulse-container{width:150px;height:150px}.pulse-core{width:60px;height:60px}}