:root{--sona-mint: #4a8250;--sona-mint-light: #548b59;--sona-charcoal: #1a1a1a}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#fff;background:radial-gradient(circle at center,#fff,#f4f4f4);overflow:hidden;font-family:Plus Jakarta Sans,sans-serif;touch-action:none;color:var(--sona-charcoal)}#particle-canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6vh;pointer-events:none}.font-mono-tech{font-family:Space Mono,monospace}#call-controls{pointer-events:auto;display:flex;flex-direction:column;gap:16px;align-items:center;opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.16,1,.3,1);margin-top:20px}.cta-button{background:var(--sona-charcoal);color:#fff;border:none;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:18px 40px;transition:all .3s ease;cursor:pointer;border-radius:50px;font-size:14px;box-shadow:0 4px 15px #0003;display:flex;align-items:center;gap:10px;min-width:250px;justify-content:center}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.cta-button.btn-call{background:var(--sona-mint)}.cta-button.btn-call:hover{box-shadow:0 8px 25px #4a825066}.cta-button.btn-end{background:#e74c3c;display:none}.cta-button:active{transform:scale(.98)}.pulse-ring{position:absolute;width:100px;height:100px;background:#4a82504d;border-radius:50%;z-index:-1;animation:pulse-animation 2s infinite ease-out;display:none}@keyframes pulse-animation{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.5);opacity:0}}#status-text{font-size:12px;color:#666;margin-top:10px;text-transform:uppercase;letter-spacing:2px;font-family:Space Mono,monospace;min-height:18px;max-width:80%;text-align:center}#agent-avatar{width:80px;height:80px;background:var(--sona-charcoal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#fff;font-size:32px;position:relative;box-shadow:0 10px 30px #00000026;transition:all .3s ease}.agent-active{background:var(--sona-mint)!important;transform:scale(1.1)}#transcript-panel{pointer-events:auto;display:none;width:90%;max-width:500px;margin-bottom:16px;background:#1a1a1ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden}#transcript-header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffff80;font-size:11px;font-family:Space Mono,monospace;letter-spacing:1.5px;text-transform:uppercase}#transcript-header .live-dot{width:8px;height:8px;border-radius:50%;background:#e74c3c;animation:live-blink 1.5s infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.3}}#transcript-content{max-height:150px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}#transcript-content::-webkit-scrollbar{width:4px}#transcript-content::-webkit-scrollbar-track{background:transparent}#transcript-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.transcript-line{display:flex;gap:8px;align-items:flex-start;animation:transcript-fade-in .3s ease-out}@keyframes transcript-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transcript-label{flex-shrink:0;font-size:10px;font-family:Space Mono,monospace;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:6px;text-transform:uppercase;margin-top:1px}.transcript-user .transcript-label{color:#93c5fd;background:#93c5fd1f}.transcript-sona .transcript-label{color:#86efac;background:#86efac1f}.transcript-text{font-size:13px;color:#ffffffd9;line-height:1.4;font-family:Plus Jakarta Sans,sans-serif}