.agent-visualizer{--bar-color:rgba(59,130,246,.5);--bar-color-speaking:rgba(139,92,246,.7)}.agent-visualizer [data-lk-bar]{background:linear-gradient(to top,var(--bar-color),rgba(147,197,253,.8));border-radius:4px;box-shadow:0 0 8px rgba(59,130,246,.3);transition:height .1s ease-out}.agent-visualizer[data-lk-speaking=true] [data-lk-bar]{background:linear-gradient(to top,var(--bar-color-speaking),rgba(167,139,250,.8));box-shadow:0 0 12px rgba(139,92,246,.4)}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse-slow{animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}.glass{background:rgba(17,24,39,.7);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);position:relative;z-index:1}.text-gradient{background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow{box-shadow:0 0 15px rgba(59,130,246,.3)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);padding:4px 8px;background:rgba(0,0,0,.8);color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}.tooltip:hover:after{opacity:1;visibility:visible}.audio-list-view{z-index:40!important;pointer-events:auto!important}.star-rating{display:flex;gap:4px}.star{cursor:pointer;transition:color .2s ease}.star.filled{color:#facc15}.star.empty{color:#4b5563}.header{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(17,24,39,.9);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:8px 16px;display:flex;justify-content:flex-end;align-items:center;transition:transform .3s ease}.header-button,.save-prompt-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-weight:500;transition:background-color .2s ease,transform .1s ease;min-width:44px;min-height:44px;pointer-events:auto;border:1px solid hsla(0,0%,100%,.1)}.header-button:hover,.save-prompt-button:hover{transform:scale(1.05)}.header-button:active,.save-prompt-button:active{transform:scale(.95)}.header-button svg,.save-prompt-button svg{width:16px;height:16px}.prompts-button,.recordings-button,.save-prompt-button{background:rgba(31,41,55,.8);color:#fff;border-color:hsla(0,0%,100%,.1)}.prompts-button:hover,.recordings-button:hover,.save-prompt-button:hover{background:rgba(55,65,81,.8)}.logout-button{background:rgba(153,27,27,.8);color:#fff;border-color:rgba(239,68,68,.3)}.logout-button:hover{background:rgba(185,28,28,.8)}.agents-button{background:rgba(31,41,55,.8);color:#fff;border-color:hsla(0,0%,100%,.1)}.agents-button:hover{background:rgba(55,65,81,.8)}.deployment-button{background:rgba(31,41,55,.8);color:#fff;border-color:hsla(0,0%,100%,.1)}.deployment-button:hover{background:rgba(55,65,81,.8);border-color:rgba(59,130,246,.3)}.deployment-visibility-toggle{background:rgba(17,24,39,.9);color:#fff;border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(12px)}.deployment-visibility-toggle:hover{background:rgba(31,41,55,.9);border-color:rgba(59,130,246,.3)}.overflow-y-auto{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:transparent}.overflow-y-auto::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.3)}.conversation-container{position:relative;z-index:30}.conversation-container,.conversation-container *{pointer-events:auto!important}.animated-gradient,.animated-gradient-overlay{pointer-events:none!important}.overflow-y-auto{z-index:30;-webkit-overflow-scrolling:touch}.overflow-y-auto,button,input,select,textarea{position:relative;pointer-events:auto!important}button,input,select,textarea{z-index:2}.animated-gradient,.animated-gradient-overlay{pointer-events:none}[data-lk-component]{position:relative;z-index:40!important;pointer-events:auto!important}[data-lk-disconnect-button],[data-lk-mute-button]{position:relative;z-index:50!important;pointer-events:auto!important}.phone-popup-overlay{backdrop-filter:blur(8px)!important;z-index:9999!important;position:fixed!important}.phone-popup-content{background:rgba(31,41,55,.98)!important;backdrop-filter:blur(20px)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important;border:1px solid hsla(0,0%,100%,.1)!important;z-index:10000!important}@media (max-width:640px){textarea#system-prompt{min-height:calc(12vh + 20px)}.agent-visualizer{width:100px!important;gap:1px!important}.agent-visualizer [data-lk-bar]{border-radius:2px}.tooltip:after{font-size:10px;bottom:-25px}.glass{backdrop-filter:blur(8px)}button,input,select,textarea{font-size:14px;padding:10px;min-height:44px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-xl{font-size:16px}.p-4{padding:12px}.py-20{padding-top:16px;padding-bottom:16px}.space-y-6>*+*{margin-top:12px}.space-y-4>*+*{margin-top:8px}.rounded-xl{border-radius:8px}.min-h-120px{min-height:80px}.px-3-py-1-5{padding:8px 12px}.px-6-py-4{padding:12px 16px}.w-40{width:100px}.header{padding:8px 12px;top:48px}.header-button,.save-prompt-button{padding:8px;gap:6px}.header-button span,.save-prompt-button span{display:none}.header-button svg,.save-prompt-button svg{width:18px;height:18px}}@media (min-width:641px) and (max-width:1024px){textarea#system-prompt{min-height:calc(13vh + 30px)}.agent-visualizer{width:140px!important;gap:1.5px!important}button,input,select,textarea{font-size:15px;padding:12px;min-height:48px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-xl{font-size:18px}.p-4{padding:16px}.py-20{padding-top:24px;padding-bottom:24px}.space-y-6>*+*{margin-top:16px}.space-y-4>*+*{margin-top:12px}.header{padding:10px 16px;top:48px}.header-button,.save-prompt-button{padding:10px 14px}}.inbound-agent-indicator{position:fixed;top:0;left:0;z-index:65;background:rgba(17,24,39,.95);backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.1);border-right:1px solid hsla(0,0%,100%,.1);padding:12px 16px;display:flex;align-items:center;gap:12px;min-height:56px;transition:transform .3s ease;border-radius:0 0 12px 0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.indicator-pulse{width:12px;height:12px;border-radius:50%;position:relative;flex-shrink:0}.indicator-pulse:before{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.indicator-pulse:after,.indicator-pulse:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.indicator-pulse:after{animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}.active-pulse{background:#10b981}.active-pulse:before{background:rgba(16,185,129,.4)}.active-pulse:after{background:#10b981}.loading-pulse{background:#3b82f6}.loading-pulse:before{background:rgba(59,130,246,.4)}.loading-pulse:after{background:#3b82f6}.error-pulse{background:#ef4444}.error-pulse:before{background:rgba(239,68,68,.4)}.error-pulse:after{background:#ef4444}.agent-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.agent-label{font-size:12px;color:hsla(0,0%,100%,.7);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.agent-name{font-size:14px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.agent-icon{width:24px;height:24px;color:hsla(0,0%,100%,.8);flex-shrink:0}.agent-icon svg{width:100%;height:100%}.inbound-agent-indicator.active{border-bottom-color:rgba(16,185,129,.3);border-right-color:rgba(16,185,129,.3)}.inbound-agent-indicator.loading{border-bottom-color:rgba(59,130,246,.3);border-right-color:rgba(59,130,246,.3)}.inbound-agent-indicator.error{border-bottom-color:rgba(239,68,68,.3);border-right-color:rgba(239,68,68,.3)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes pulse-dot{0%{transform:scale(.8);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:1}}@media (max-width:768px){.inbound-agent-indicator{padding:8px 12px;min-height:48px}.agent-name{font-size:13px;max-width:150px}.agent-label{font-size:11px}.agent-icon{width:20px;height:20px}}