[data-component=ConsolePage]{font-family:Roboto Mono,monospace;font-weight:400;font-style:normal;font-size:12px;height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0 8px}[data-component=ConsolePage]>div{flex-shrink:0}[data-component=ConsolePage] .spacer{flex-grow:1}[data-component=ConsolePage] .content-top{display:flex;align-items:center;padding:8px 16px;min-height:40px}[data-component=ConsolePage] .content-top .content-title{flex-grow:1;display:flex;align-items:center;gap:12px}[data-component=ConsolePage] .content-top .content-title img{width:24px;height:24px}[data-component=ConsolePage] .content-main{flex-grow:1;flex-shrink:1!important;display:flex;overflow:hidden;margin:0 16px 24px}[data-component=ConsolePage] .content-main .content-block{position:relative;display:flex;flex-direction:column;max-height:100%;width:100%}[data-component=ConsolePage] .content-main .content-block .content-block-title{flex-shrink:0;padding-top:16px;padding-bottom:4px;position:relative}[data-component=ConsolePage] .content-main .content-block .content-block-body{color:#6e6e7f;position:relative;flex-grow:1;padding:4px 0 8px;line-height:1.2em;overflow:auto}[data-component=ConsolePage] .content-main .content-block .content-block-body.full{padding:0}[data-component=ConsolePage] .content-main .content-right{width:300px;flex-shrink:0;display:flex;flex-direction:column;margin-left:24px;gap:24px}[data-component=ConsolePage] .content-main .content-right>div{border-radius:16px;flex-grow:1;flex-shrink:0;overflow:hidden;position:relative}[data-component=ConsolePage] .content-main .content-right>div .content-block-title{position:absolute;display:flex;align-items:center;justify-content:center;line-height:2em;top:16px;left:16px;padding:4px 16px;background-color:#fff;border-radius:1000px;min-height:32px;z-index:9999;text-align:center;white-space:pre}[data-component=ConsolePage] .content-main .content-right>div .content-block-title.bottom{top:auto;bottom:16px;right:16px}[data-component=ConsolePage] .content-main .content-right>div.kv{height:250px;max-height:250px;white-space:pre;background-color:#ececf1}[data-component=ConsolePage] .content-main .content-right>div.kv .content-block-body{padding:16px;margin-top:56px}[data-component=ConsolePage] .content-main .content-logs{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}[data-component=ConsolePage] .content-main .content-logs>div{flex-grow:1}[data-component=ConsolePage] .content-main .content-logs>.content-actions{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px}[data-component=ConsolePage] .content-main .content-logs>div.events{overflow:hidden}[data-component=ConsolePage] .content-main .content-logs .events{border-top:1px solid #e7e7e7}[data-component=ConsolePage] .content-main .content-logs .conversation{display:flex;flex-shrink:0;width:100%;overflow:hidden;height:200px;min-height:0;max-height:200px;border-top:1px solid #e7e7e7}[data-component=ConsolePage] .conversation-item{position:relative;display:flex;gap:16px;margin-bottom:16px}[data-component=ConsolePage] .conversation-item:not(:hover) .close{display:none}[data-component=ConsolePage] .conversation-item .close{position:absolute;top:0;right:-20px;background:#aaa;color:#fff;display:flex;border-radius:16px;padding:2px;cursor:pointer}[data-component=ConsolePage] .conversation-item .close:hover{background:dimgray}[data-component=ConsolePage] .conversation-item .close svg{stroke-width:3;width:12px;height:12px}[data-component=ConsolePage] .conversation-item .speaker{position:relative;text-align:left;gap:16px;width:80px;flex-shrink:0;margin-right:16px}[data-component=ConsolePage] .conversation-item .speaker.user{color:#09f}[data-component=ConsolePage] .conversation-item .speaker.assistant{color:#090}[data-component=ConsolePage] .conversation-item .speaker-content{color:#18181b;overflow:hidden;word-wrap:break-word}[data-component=ConsolePage] .event{border-radius:3px;white-space:pre;display:flex;padding:0;gap:16px}[data-component=ConsolePage] .event .event-timestamp{text-align:left;gap:8px;padding:4px 0;width:80px;flex-shrink:0;margin-right:16px}[data-component=ConsolePage] .event .event-details{display:flex;flex-direction:column;color:#18181b;gap:8px}[data-component=ConsolePage] .event .event-details .event-summary{padding:4px 8px;margin:0 -8px;cursor:pointer;display:flex;gap:8px;align-items:center}[data-component=ConsolePage] .event .event-details .event-summary:hover{border-radius:8px;background-color:#f0f0f0}[data-component=ConsolePage] .event .event-details .event-summary .event-source{flex-shrink:0;display:flex;align-items:center;gap:8px}[data-component=ConsolePage] .event .event-details .event-summary .event-source.client{color:#09f}[data-component=ConsolePage] .event .event-details .event-summary .event-source.server{color:#090}[data-component=ConsolePage] .event .event-details .event-summary .event-source.error{color:#900}[data-component=ConsolePage] .event .event-details .event-summary .event-source svg{stroke-width:3;width:12px;height:12px}[data-component=ConsolePage] .visualization{position:absolute;display:flex;bottom:4px;right:8px;padding:4px;border-radius:16px;z-index:10;gap:2px}[data-component=ConsolePage] .visualization .visualization-entry{position:relative;display:flex;align-items:center;height:40px;width:100px;gap:4px}[data-component=ConsolePage] .visualization .visualization-entry.client{color:#09f}[data-component=ConsolePage] .visualization .visualization-entry.server{color:#090}[data-component=ConsolePage] .visualization .visualization-entry canvas{width:100%;height:100%;color:currentColor}.ai-mock-main-container{display:flex;width:100%;background-size:cover;height:100vh;background-color:#262626;padding:30px}@media screen and (max-width:778px){.ai-mock-main-container{flex-direction:column;height:100%}.video-call{width:100%!important;height:100vh}.participant-card,.participant-wrapper{width:100px!important;height:100px!important}.participant-video{height:112px!important;width:159px}.question-container{width:100%!important;margin:15px 0 0!important}.participant-info{top:0!important}.main-video{margin-top:45px!important}.participants-grid{gap:35px!important}.participant-name{padding:4px!important}.video-feed{height:410px}}.video-call{border-radius:20px;background-color:rgba(51,51,51,1);display:flex;width:70%;flex-direction:column;padding:30px}.participants-grid{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:wrap}.participant-wrapper{height:190px;width:190px;display:flex;flex-direction:column;border-radius:16px;position:relative;aspect-ratio:1.16;width:100%;padding:89px 12px 12px}.participant-video{position:absolute;inset:0;height:184px;width:203px;object-fit:cover;object-position:center;border-radius:16px}.participant-info{position:relative;display:flex;width:100%;top:52px;justify-content:space-between}.name-container{align-self:stretch;display:flex;min-height:30px;max-width:"120px";align-items:start;white-space:nowrap}.participant-name{border-radius:61px;min-height:25px;padding:4px 20px;color:rgba(255,255,255,1);font:500 10px/1}.audio-indicator,.participant-name{align-self:stretch;background-color:rgba(0,0,0,.3)}.audio-indicator{border-radius:32px;width:30px;height:30px}.main-video{border-radius:0;margin-top:25px}.main-video,.video-container{display:flex;width:100%;flex-direction:column}.video-container{border-radius:20px;position:relative;max-height:470px;padding:24px}.video-feed{position:absolute;inset:0;height:430px;width:100%;object-fit:cover;border-radius:20px}.recording-status{position:relative;border-radius:30px;background-color:#4F4F4F;color:#ffffff;width:140px;align-self:start;display:flex;min-height:40px;align-items:center;gap:12px;padding:8px 10px}.record-indicator{align-self:stretch;display:flex;width:24px;margin:auto 0}.record-icon-wrapper{background-color:rgba(255,255,255,.63);border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0 5px}.record-icon{background-color:rgba(235,87,87,1);border-radius:50%;width:9px;height:10px}.timer{color:rgba(255,255,255,1);font:500 16px}.user-info{position:relative;display:flex;margin-top:302px;width:100%;align-items:center;gap:100px;justify-content:space-between}.user-name{background-color:#4F4F4F;width:100px;color:rgba(255,255,255,1);font:500 20px/1}.audio-status,.user-name{border-radius:61px;min-height:40px;display:flex;align-items:center;justify-content:center}.audio-status{gap:10px;height:50px;background-color:rgba(75,69,64,.5);width:110px}.audio-status-single{display:flex;justify-content:center;align-items:center;gap:4px;height:20px;border-radius:61px;background-color:rgba(75,69,64,.5);min-height:40px;width:70px}.ball{width:10px;height:10px;background-color:whitesmoke;border-radius:50%;animation:bounce 1s ease-in-out infinite}.ball:nth-child(2){animation-delay:.2s}.ball:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.controls-container{border-radius:86px;background-color:rgba(38,38,38,1);display:flex;margin-top:25px;width:100%;justify-content:center;padding-top:10px;padding-bottom:20px;position:fixed;bottom:0;left:0;z-index:1000}.controls-wrapper{display:flex;align-items:center;gap:24px}.control-button{background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s ease}.control-button:hover{opacity:.8}.control-button:focus{outline:2px solid;border-radius:32px}.control-button.active{opacity:1}.control-icon{aspect-ratio:1;object-fit:contain;width:48px;border-radius:32px}@media (max-width:991px){.video-call{padding:0 20px}.participants-grid{max-width:100%}.participant-wrapper{padding-top:100px}.video-container{max-width:100%;padding:0 20px}.user-info{max-width:100%;margin-top:310px}.controls-container{max-width:100%;padding:0 20px}}.stop-video-button{display:flex;justify-content:center;align-items:center;background-color:#ff4d4d;color:white;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:55px;width:55px}.stop-video-button:hover{background-color:#ff1a1a}.participant-card{width:200px;height:181px;border-radius:20%;background-size:cover;z-index:10;pointer-events:none;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease;background:linear-gradient(145deg,#ffffff,#f0f0f0);box-shadow:0 8px 15px rgba(0,0,0,.15),0 0 6px rgba(255,255,255,.3);opacity:.95}.participant-card:hover{cursor:pointer;transform:scale(1.1);filter:brightness(1.2) contrast(1.1);box-shadow:0 12px 20px rgba(0,0,0,.2),0 0 8px rgba(255,255,255,.4)}.participant-active{border:3px solid #4caf50;background:linear-gradient(145deg,#eaffea,#d4f5d4);box-shadow:0 12px 25px rgba(0,0,0,.25),0 0 20px rgba(76,175,80,.9),inset 0 2px 4px rgba(255,255,255,.7);transform:scale(1.15);filter:brightness(1.3);animation:activePulse 1.5s infinite;opacity:1;z-index:20}@keyframes activePulse{0%{box-shadow:0 12px 25px rgba(0,0,0,.25),0 0 20px rgba(76,175,80,.6),inset 0 2px 4px rgba(255,255,255,.7)}50%{box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 28px rgba(76,175,80,.8),inset 0 3px 6px rgba(255,255,255,.8)}to{box-shadow:0 12px 25px rgba(0,0,0,.25),0 0 20px rgba(76,175,80,.6),inset 0 2px 4px rgba(255,255,255,.7)}}.participant-active:before{content:"";position:absolute;top:50%;left:50%;width:90px;height:90px;border-radius:50%;background:radial-gradient(rgba(76,175,80,.7),transparent 70%);transform:translate(-50%,-50%);animation:glowEffect 2s infinite}@keyframes glowEffect{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.25);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.participant-active{animation:blink 1s infinite;background:linear-gradient(120deg,rgba(255,255,255,.8),rgba(76,175,80,.5));box-shadow:0 15px 25px rgba(0,0,0,.3),0 0 30px rgba(76,175,80,.6),inset 0 2px 6px rgba(255,255,255,.5)}@keyframes realisticShake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.participant-active:active{animation:realisticShake .3s ease-out}.toggle-video-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.toggle-video-button:hover{background-color:#0056b3;transform:scale(1.05)}.toggle-video-button:active{background-color:#003f7f;transform:scale(.95)}.toggle-video-button:disabled{background-color:#ccc;cursor:not-allowed}.blinking{animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.question-container{border-radius:20px;background-color:rgba(51,51,51,1);display:flex;max-width:480px;width:30%;flex-direction:column;overflow:hidden;align-items:center;font-family:Manrope,sans-serif;justify-content:start;margin:0 10px;padding:16px 16px 29px}.header-ai-mock{border-radius:8px;display:flex;max-width:100%;width:322px;flex-direction:column;font-size:18px;color:rgba(205,209,214,1);font-weight:600;white-space:nowrap;line-height:33px}.title-ai-mock{border-radius:8px;background-color:rgba(38,38,38,1);padding:12px 25px 5px;color:#f0f0f0;border:1px solid rgba(38,38,38,1)}.questions-list{display:flex;margin-top:16px;height:784px;width:100%;max-width:322px;flex-direction:column;overflow:auto;font-size:16px;color:rgba(226,226,226,1);font-weight:400;line-height:26px;justify-content:start}.questions-list::-webkit-scrollbar{width:8px}.questions-list::-webkit-scrollbar-track{background:#2e2e2e}.questions-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.questions-list::-webkit-scrollbar-thumb:hover{background:#888}.questions-list{scrollbar-width:thin;scrollbar-color:#555 #2e2e2e}.question-item{flex:1;border-radius:8px;background-color:rgba(38,38,38,1);margin-top:12px;width:100%;gap:8px;padding:4px 6px;cursor:pointer;transition:background-color .2s ease}.question-item:first-child{margin-top:0}.question-item:hover{background-color:rgba(48,48,48,1)}.question-item:focus{outline:2px solid rgba(205,209,214,1);outline-offset:-2px}.question-item.selected{background-color:rgba(58,58,58,1);border:1px solid rgba(205,209,214,.5)}.empty-question{border-radius:8px;background-color:rgba(38,38,38,1);display:flex;min-height:0;margin-top:12px;width:100%;gap:8px;padding:4px 0}.ai-connect-button{margin-top:10px;padding:10px 20px;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px}.connect-button{background-color:#4caf50}.disconnect-button{background-color:#ff4d4d}