body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#18181b;font-family:Assistant,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0;padding:0}#root,body,html{height:100%;position:relative;width:100%}[data-component=Button]{align-items:center;background-color:#ececf1;border:none;border-radius:1000px;color:#101010;display:flex;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:400;gap:8px;outline:none;padding:12px 24px;transition:.3s ease-in-out}[data-component=Button].button-style-action{background-color:#fff;box-shadow:0 0 20px #ffffff96;color:#000}[data-component=Button].button-style-action:hover:not([disabled]){background-color:#f8f82b;box-shadow:0 0 25px #ffee0096;padding:14px 30px}[data-component=Button].button-style-alert{background-color:red;color:#ececf1}[data-component=Button].button-style-alert:hover:not([disabled]){background-color:red}[data-component=Button].button-style-flush{background-color:#fff0}[data-component=Button][disabled]{color:#999}[data-component=Button]:not([disabled]){cursor:pointer}[data-component=Button]:hover:not([disabled]){background-color:#d8d8d8}[data-component=Button]:active:not([disabled]){transform:translateY(1px)}[data-component=Button] .icon{display:flex}[data-component=Button] .icon.icon-start{margin-left:-8px}[data-component=Button] .icon.icon-end{margin-right:-8px}[data-component=Button] .icon svg{height:16px;width:16px}[data-component=Button].icon-red .icon{color:#c00}[data-component=Button].icon-green .icon{color:#090}[data-component=Button].icon-grey .icon{color:#909090}[data-component=Button].icon-fill svg{fill:currentColor}[data-component=VoiceChat]{background:linear-gradient(135deg,#0d0d0d 30%,#292929);box-shadow:0 10px 20px #00000080;color:#e0e0e0;display:flex;flex-direction:column;font-family:Roboto Mono,monospace;font-size:14px;font-weight:400;height:100%;margin:0 8px;width:100%}[data-component=VoiceChat]>div{flex-shrink:0}[data-component=VoiceChat] .spacer{flex-grow:1}[data-component=VoiceChat] .content-top{align-items:center;background:#1a1a1a;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;min-height:50px;padding:12px 24px}[data-component=VoiceChat] .content-top .content-title{align-items:center;color:#fc0;display:flex;flex-grow:1;gap:12px}[data-component=VoiceChat] .content-top .content-title img{height:28px;width:28px}[data-component=VoiceChat] .content-top .content-api-key{align-items:center;color:#fc0;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}[data-component=VoiceChat] .content-top .content-api-key .content-api-key-value{color:#fc0;font-size:14px;font-weight:700}[data-component=VoiceChat] .content-main{display:flex;flex-grow:1;flex-shrink:1!important;margin:0 auto 20px;max-width:600px;overflow:hidden}[data-component=VoiceChat] .content-main .content-block{display:flex;flex-direction:column;max-height:100px;position:relative;width:100%}[data-component=VoiceChat] .content-main .content-block .content-block-title{color:#ff9e00;flex-shrink:0;padding-bottom:4px;padding-top:16px;position:relative}[data-component=VoiceChat] .content-main .content-block .content-block-body{color:#b3b3cc;flex-grow:1;line-height:1.2em;overflow:auto;padding:4px 0 8px;position:relative}[data-component=VoiceChat] .content-main .content-block .content-block-body.full{padding:0}[data-component=VoiceChat] .content-main .content-right{background:#333;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;flex-shrink:0;gap:24px;margin-left:24px;width:300px}[data-component=VoiceChat] .content-main .content-right>div{border-radius:16px;flex-grow:1;flex-shrink:0;overflow:hidden;position:relative}[data-component=VoiceChat] .content-main .content-right>div .content-block-title{align-items:center;background-color:#ff4500;border-radius:1000px;display:flex;justify-content:center;left:16px;line-height:2em;min-height:32px;padding:4px 16px;position:absolute;text-align:center;top:16px;white-space:pre;z-index:9999}[data-component=VoiceChat] .content-main .content-right>div .content-block-title.bottom{bottom:16px;right:16px;top:auto}[data-component=VoiceChat] .content-main .content-right>div.kv{background-color:#ececf1;height:250px;max-height:250px;white-space:pre}[data-component=VoiceChat] .content-main .content-right>div.kv .content-block-body{margin-top:56px;padding:16px}[data-component=VoiceChat] .content-main .content-logs{display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow:hidden}[data-component=VoiceChat] .content-main .content-logs>div{flex-grow:1}[data-component=VoiceChat] .content-main .content-logs>.content-actions{align-items:center;display:flex;flex-grow:0;flex-shrink:0;gap:16px;justify-content:center}[data-component=VoiceChat] .content-main .content-logs>div.events{margin:0 auto 10px;overflow:hidden}[data-component=VoiceChat] .content-main .content-logs .conversation{display:flex;flex-shrink:0;height:300px;margin:40px auto;max-height:300px;min-height:0;overflow:hidden;width:100%}[data-component=VoiceChat] .conversation-item{display:flex;gap:16px;margin-bottom:16px;position:relative}[data-component=VoiceChat] .conversation-item:not(:hover) .close{display:none}[data-component=VoiceChat] .conversation-item .close{background:#ff3b30;border-radius:16px;color:#fff;cursor:pointer;display:flex;padding:2px;position:absolute;right:-20px;top:0}[data-component=VoiceChat] .conversation-item .close:hover{background:dimgray}[data-component=VoiceChat] .conversation-item .close svg{stroke-width:3;height:12px;width:12px}[data-component=VoiceChat] .conversation-item .speaker{flex-shrink:0;gap:16px;margin-right:16px;position:relative;text-align:left;width:80px}[data-component=VoiceChat] .conversation-item .speaker.user{color:#09f}[data-component=VoiceChat] .conversation-item .speaker.assistant{color:#fff700}[data-component=VoiceChat] .conversation-item .speaker-content{background:#ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;padding:12px}[data-component=VoiceChat] .conversation-item .speaker-content audio{height:35px;padding:15px 0}[data-component=VoiceChat] .event{border-radius:3px;display:flex;gap:16px;padding:0;white-space:pre}[data-component=VoiceChat] .event .event-timestamp{flex-shrink:0;gap:8px;margin-right:16px;padding:4px 0;text-align:left;width:80px}[data-component=VoiceChat] .event .event-details{color:#18181b;display:flex;flex-direction:column;gap:8px}[data-component=VoiceChat] .event .event-details .event-summary{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0 -8px;padding:4px 8px}[data-component=VoiceChat] .event .event-details .event-summary:hover{background-color:#f0f0f0;border-radius:8px}[data-component=VoiceChat] .event .event-details .event-summary .event-source{align-items:center;display:flex;flex-shrink:0;gap:8px}[data-component=VoiceChat] .event .event-details .event-summary .event-source.client{color:#09f}[data-component=VoiceChat] .event .event-details .event-summary .event-source.server{color:#f6ff00}[data-component=VoiceChat] .event .event-details .event-summary .event-source.error{color:#900}[data-component=VoiceChat] .event .event-details .event-summary .event-source svg{stroke-width:3;height:12px;width:12px}[data-component=VoiceChat] .visualization{border-radius:16px;bottom:4px;display:flex;gap:2px;margin:auto;padding:4px;right:8px;z-index:10}[data-component=VoiceChat] .visualization .visualization-entry{align-items:center;display:flex;gap:4px;height:80px;max-width:200px;position:relative}[data-component=VoiceChat] .visualization .visualization-entry.client{color:#09f}[data-component=VoiceChat] .visualization .visualization-entry.server{color:#fff700}[data-component=VoiceChat] .visualization .visualization-entry canvas{color:currentColor;height:100%;width:100%}@media(max-width:768px){[data-component=VoiceChat] .content-main{flex-direction:column}[data-component=VoiceChat] .content-right{margin-left:0;width:100%}[data-component=VoiceChat] .content-block{max-height:none}[data-component=VoiceChat] .content-logs .conversation{height:200px;margin:20px auto}}@media(max-width:480px){[data-component=VoiceChat]{font-size:12px}[data-component=VoiceChat] .content-title{font-size:16px}[data-component=VoiceChat] .content-api-key{font-size:10px}[data-component=VoiceChat] .speaker{width:60px}[data-component=VoiceChat] .speaker-content{padding:8px}[data-component=VoiceChat] .event-timestamp{width:60px}[data-component=VoiceChat] .content-block-title{font-size:14px}}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;box-shadow:0 10px 20px #00000080;max-width:600px;padding:30px;text-align:center;width:100%}.form-container form{display:flex;flex-direction:column;gap:20px;width:100%}.form-container form .url-input{background:#fff3;border:1px solid #ccc;border-radius:25px;color:#f8f8f8;font-size:16px;outline:none;padding:14px 28px;transition:border-color .3s ease,background-color .3s ease}.form-container form .url-input:focus{background-color:#ffffff4d;border-color:#f8f82b}.form-container form .url-input::placeholder{color:#b0b0b0}.form-container form .submit-button{background-color:#f8f82b;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:18px;font-weight:500;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:.4s ease}.form-container form .submit-button:hover{box-shadow:0 0 20px #ffee0096;transform:translateY(-2px)}.form-container form .submit-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.form-container form .error-message{color:#dc3545;font-size:14px;margin-top:-10px}.form-container form .instruction{color:#b0b0b0;font-size:14px;font-style:italic;margin-top:20px}.app-container{align-items:center;background:radial-gradient(circle at top left,#1a1a2e,#0f0f2d 60%,#05000f 100%);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:100%}.app-container h1{animation:fadeInTitle 2s ease-in-out forwards;color:#e0e0e0;font-size:3rem;font-weight:700;letter-spacing:3px;margin-bottom:20px;text-shadow:0 0 15px #ffffff4d}.app-container h1,.app-container p{opacity:0;text-align:center;z-index:1}.app-container p{animation:fadeInText 2.5s ease-in-out forwards;color:#b3b3b3;font-size:1.4rem;line-height:1.6;margin-bottom:40px;max-width:700px;text-shadow:0 0 10px #fff3}.app-container .chat-box{animation:fadeInBox 3s ease-in-out forwards;background:#ffffff0f;border:1px solid #fff3;border-radius:25px;box-shadow:0 0 30px #0006,inset 0 0 15px #ffffff0d;max-width:600px;opacity:0;padding:30px 40px;width:100%;z-index:1}.app-container .start-button{animation:fadeInButton 3.5s ease-in-out forwards;background-color:#292929;border:2px solid #fff3;border-radius:30px;box-shadow:0 0 20px #00000080;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;opacity:0;padding:15px 40px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;z-index:1}.app-container .start-button:hover{background-color:#383838;box-shadow:0 0 30px #fe06,0 0 15px #00000080;transform:translateY(-5px)}.app-container .start-button:active{transform:translateY(2px)}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBox{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInButton{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.f0bb2f72.css.map*/