body{padding:0;margin:0;overflow:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}html{overflow:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}.app-container{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:#0f1419;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;position:relative;scrollbar-width:none}.app-container>.home-window{flex:1;min-height:0}.app-container::-webkit-scrollbar{display:none}.app-container *::-webkit-scrollbar{width:6px}.app-container *::-webkit-scrollbar-track{background:#0f1419;border-radius:3px}.app-container *::-webkit-scrollbar-thumb{background:#2dd4bf;border-radius:3px}.app-container *::-webkit-scrollbar-thumb:hover{background:#5eead4}.app-container *{scrollbar-width:thin;scrollbar-color:#2dd4bf #0f1419}.app-container{--content-max: min(90vw, 56rem);--content-narrow: min(88vw, 36rem);--content-wide: min(94vw, 72rem);--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, 1rem);--space-md: clamp(1rem, 4vw, 1.5rem);--space-lg: clamp(1.25rem, 5vw, 2rem);--space-xl: clamp(1.5rem, 6vw, 2.5rem);--radius-card: clamp(.5rem, 2vw, .75rem);--radius-btn: clamp(.375rem, 1.5vw, .5rem)}.content-center-wrap{width:100%;max-width:var(--content-max);margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg);box-sizing:border-box}.home-window{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;background:#0f1419;color:#e6edf3;scrollbar-width:none}.home-window::-webkit-scrollbar{display:none}.home-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.home-header-left{display:flex;align-items:center;gap:.5rem}.home-powered-by{font-size:.75rem;color:#e6edf38c;text-transform:lowercase}.home-brand{font-size:1rem;font-weight:600;color:#2dd4bf}.home-header-role{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8125rem;font-weight:500;color:#99f6e4;background:#2dd4bf26;border:1px solid rgba(45,212,191,.3);border-radius:999px}.home-header-role-icon{width:1rem;height:1rem;flex-shrink:0}.home-header-right .home-setup-badge{font-size:.8125rem;font-weight:500;color:#e6edf3cc}.home-main{display:flex;flex:1;min-height:0}.home-window .home-main.home-main-details-only{justify-content:center;align-items:flex-start;padding:1.25rem}.home-window .home-main.home-main-details-only .home-right{flex:0 1 auto;width:100%;max-width:640px;min-width:320px;border-left:none}.home-left{flex:0 0 70%;display:flex;flex-direction:column;padding:1.25rem;min-width:0;position:relative}.home-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1rem}.home-title{margin:0;font-size:1.25rem;font-weight:600;color:#e6edf3}.home-chips{display:flex;flex-wrap:wrap;gap:.5rem}.home-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);border-radius:999px;font-size:.8125rem;color:#99f6e4}.home-chip-icon{width:1rem;height:1rem;flex-shrink:0;border-radius:2px}.home-chip-icon[src]{width:1.25rem;height:.9rem;object-fit:cover}.home-chip-duration.expired{color:#f87171;border-color:#f8717166}.home-chip-duration.home-chip-recording{color:#f87171;background:#f871711f;border-color:#f8717166}.home-chip-recording-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ef4444;flex-shrink:0;animation:recording-pulse 1.2s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ef444480}50%{opacity:.85;transform:scale(1.05);box-shadow:0 0 0 4px #ef444400}}.home-video-wrap{flex:1;min-height:200px;border-radius:.75rem;overflow:hidden;background:#1a2332;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:relative}.home-video{flex:1;width:100%;min-height:0;object-fit:cover;display:block}.home-video-label{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:#2dd4bf;background:#0009;border-radius:.375rem}.media-controls{position:absolute;bottom:.5rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.media-control-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;background:#0009;color:#e6edf3;cursor:pointer;transition:background-color .2s,color .2s}.media-control-btn:hover{background:#2dd4bf40;color:#2dd4bf}.media-control-btn.off{color:#f87171}.media-control-btn.off:hover{background:#f8717133;color:#f87171}.media-control-btn svg{width:1.25rem;height:1.25rem}.home-right{flex:0 0 30%;min-width:0;min-height:0;padding:1.25rem;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:1rem;overflow:hidden}.home-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem;flex-shrink:0}.home-card-details{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.home-card-details .home-details-form{min-height:0;overflow-y:auto;padding:.5rem .25rem .5rem 0;scrollbar-width:none}.home-card-details .home-details-form::-webkit-scrollbar{display:none}.home-card-title{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:#e6edf3e6;display:flex;align-items:center;gap:.5rem}.home-card-icon{width:1rem;height:1rem;color:#2dd4bf}.home-duration-bar-wrap{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:.75rem}.home-duration-bar{height:100%;background:linear-gradient(90deg,#2dd4bf,#14b8a6);border-radius:999px;transition:width .2s ease}.home-duration-select-wrap{margin-top:.25rem}.home-duration-select{width:100%;padding:.5rem .75rem;font-size:.875rem;color:#e6edf3;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;cursor:pointer}.home-duration-select:focus{outline:none;border-color:#2dd4bf}.home-duration-select option{background:#0f1419;color:#e6edf3}.home-details-form{display:flex;flex-direction:column;gap:1.7rem}.home-field{display:flex;flex-direction:column;gap:.5rem}.home-field:last-child{margin-bottom:0}.home-field-experience{margin-top:.25rem}.home-experience-stepper{display:flex;align-items:center;gap:.75rem}.home-stepper-btn{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1.25rem;font-weight:600;line-height:1;color:#0f1419;background:#2dd4bf;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.home-stepper-btn:hover{background:#5eead4;transform:translateY(-.0625rem)}.home-stepper-btn:active{transform:translateY(0)}.home-experience-value{min-width:2rem;text-align:center;font-size:.9375rem;font-weight:600;color:#e6edf3}.role-dropdown-wrapper{width:100%}.role-dropdown{position:relative;width:100%;background:#0f1419fa;border:1px solid rgba(45,212,191,.35);border-radius:.75rem;box-shadow:0 .25rem 1.25rem #0000004d;overflow:visible;transition:all .3s ease}.role-selected{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;color:#e6edf3;border-radius:.75rem}.role-selected:hover{background-color:#2dd4bf1f}.role-selected .role-chevron{width:1rem;height:1rem;min-width:1rem;color:#2dd4bf;transition:transform .3s ease;flex-shrink:0}.role-dropdown.open .role-selected .role-chevron{transform:rotate(180deg)}.role-list{position:absolute;top:100%;left:0;right:0;background:#0f1419fa;border:1px solid transparent;border-radius:.75rem;box-shadow:none;margin-top:.25rem;max-height:0;overflow:hidden;transition:max-height .3s ease,border-color .2s ease,box-shadow .2s ease;z-index:1001}.role-dropdown.open .role-list{max-height:18.75rem;overflow-y:auto;z-index:2100;border-color:#2dd4bf59;box-shadow:0 .25rem 1.25rem #0000004d}.role-option{padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;color:#e6edf3;font-size:.875rem}.role-option:hover{background-color:#2dd4bf1f}.role-option.active{background-color:#2dd4bf33}.role-name{font-size:.875rem;color:inherit}.home-field-label{font-size:.75rem;font-weight:500;color:#e6edf3b3;margin-bottom:.25rem;padding-right:.25rem}.home-input{width:100%;padding:.5rem .75rem;font-size:.875rem;color:#e6edf3;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;box-sizing:border-box}.home-input::placeholder{color:#e6edf366}.home-input:focus{outline:none;border-color:#2dd4bf;background:#ffffff14}.home-skills-field{margin-top:.25rem}.home-skills-row{display:flex;gap:.5rem;margin-top:.25rem}.home-skill-input{flex:1;min-width:0}.home-add-skill{padding:.5rem .875rem;font-size:.8125rem;font-weight:600;color:#0f1419;background:#2dd4bf;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.home-add-skill:hover{background:#5eead4;transform:translateY(-.0625rem)}.home-skills-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.home-skill-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .5rem .3rem .65rem;background:#2dd4bf26;border:1px solid rgba(45,212,191,.3);border-radius:999px;font-size:.75rem;color:#99f6e4}.home-skill-remove{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;padding:0;border:none;border-radius:50%;background:#ffffff26;color:#e6edf3;font-size:1rem;line-height:1;cursor:pointer;transition:background .2s ease}.home-skill-remove:hover{background:#f8717180;color:#fff}.home-card-ai{display:flex;flex-direction:column;min-height:0}.home-ai-orb-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem .5rem;flex:1;min-height:0}.home-ai-orb{position:relative;width:5.5rem;height:5.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.home-ai-orb-glow{position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border-radius:50%;background:conic-gradient(from 0deg,#a855f780,#ec489966,#3b82f666,#c084fc80,#a855f780);filter:blur(.35rem);opacity:.9;animation:home-orb-glow 4s linear infinite}@keyframes home-orb-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-ai-orb-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#1e1e2df2,#0f0f19fa 70%);border:2px solid rgba(168,85,247,.5);box-shadow:0 0 1.5rem #a855f759,inset 0 0 1.5rem #8b5cf626;display:flex;align-items:center;justify-content:center;z-index:1}.home-ai-orb-img{width:90%;height:90%;object-fit:cover;object-position:center;border-radius:50%;position:relative;z-index:1;transform:scale(2.2) translate(-6%)}.home-ai-label{font-size:.8125rem;color:#e6edf3a6;text-align:center}.home-ai-orb-wrap-animated{padding:1rem .5rem}.home-ai-orb-animated{width:5.5rem;height:5.5rem;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.home-ai-orb-animated .floating-agent-logo-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-width:.2rem;padding:.2rem}.home-ai-orb-animated .floating-agent-logo-image{width:100%;height:100%;object-fit:cover;transform:scale(2.2) translate(-6%)}.home-right-questions,.home-right-analytics{display:flex;flex-direction:column;gap:1rem;min-height:0;overflow:hidden}.home-right-analytics{flex:1;display:flex;flex-direction:column;min-height:0}.home-right-analytics-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:.25rem}.home-questions-timer{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#ffffff0a;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.home-questions-timer-label{font-size:.75rem;color:#e6edf399}.home-questions-timer-value{font-size:1.75rem;font-weight:700;color:#2dd4bf}.home-questions-timer-value.expired{color:#f87171}.home-questions-timer-elapsed{font-size:.8rem;color:#e6edf380}.home-questions-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none}.home-questions-list::-webkit-scrollbar{display:none}.home-question-entry{padding:.75rem 1rem;background:#2dd4bf14;border:1px solid rgba(45,212,191,.25);border-radius:.75rem}.home-question-num{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#2dd4bf;margin-bottom:.35rem}.home-question-text{margin:0;font-size:.9rem;line-height:1.45;color:#e6edf3f2}.home-controls{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:1100;display:flex;justify-content:center}.interview-window{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;background:#0f1419;color:#e6edf3;scrollbar-width:none}.interview-main{display:flex;flex:1;min-height:0}.interview-main-results{display:block;flex:1;min-height:0;overflow:hidden}.results-loading,.results-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%;min-height:280px;padding:2rem}.results-loading{position:relative;overflow:hidden}.results-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(45,212,191,.06) 0%,transparent 40%,transparent 60%,rgba(45,212,191,.04) 100%);background-size:200% 200%;animation:results-overlay-shift 8s ease-in-out infinite;pointer-events:none}.results-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(45,212,191,.08) 0%,transparent 60%);animation:results-overlay-pulse 4s ease-in-out infinite;pointer-events:none}@keyframes results-overlay-shift{0%,to{background-position:0% 50%;opacity:1}50%{background-position:100% 50%;opacity:.85}}@keyframes results-overlay-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.results-loading .results-loading-spinner,.results-loading .results-loading-message{position:relative;z-index:1}.results-loading-spinner{position:relative;width:56px;height:56px;border:3px solid rgba(45,212,191,.15);border-top-color:#2dd4bf;border-right-color:#2dd4bf99;border-radius:50%;animation:results-spin 1s cubic-bezier(.5,.15,.5,.85) infinite;box-shadow:0 0 24px #2dd4bf33}.results-loading-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid transparent;border-top-color:#2dd4bf;opacity:.35;animation:results-spin 1.5s cubic-bezier(.5,.15,.5,.85) infinite reverse}@keyframes results-spin{to{transform:rotate(360deg)}}.results-loading-message{margin:0;font-size:1.125rem;font-weight:500;color:#e6edf3f2;letter-spacing:.02em;animation:results-message-pulse 2s ease-in-out infinite}@keyframes results-message-pulse{0%,to{opacity:.9}50%{opacity:1}}.results-message .analytics-error{margin:0;font-size:1rem;color:#e6edf3d9;text-align:center;max-width:420px}.results-fullscreen{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}.results-fullscreen-inner{max-width:56rem;min-width:0;width:100%;margin:0 auto;padding:2rem 2rem 4rem;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box}.results-score-block{text-align:center;padding:2rem 1rem}.results-score-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:150px;height:150px;margin-bottom:1.25rem}.results-score-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.results-score-ring-bg{stroke:#ffffff14}.results-score-ring-fill{stroke:#2dd4bf;transition:stroke-dashoffset .05s linear}.results-score-value-wrap{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.35rem;padding:0 .5rem}.results-score-value{font-size:2.5rem;font-weight:700;color:#2dd4bf;line-height:1}.results-score-suffix{font-size:1.25rem;font-weight:600;color:#e6edf380}.results-score-label{margin:0;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e6edf399}.results-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.25rem}.results-section-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem 1.75rem;min-width:0;min-height:0;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000026}.results-section-card:first-child{grid-column:1 / -1}.results-section-title{margin:0 0 .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#2dd4bf}.results-section-summary{margin:0;font-size:.9375rem;line-height:1.65;color:#e6edf3e6;max-width:none}.results-section-list{margin:0;padding-left:1.25rem;font-size:.9rem;line-height:1.65;color:#e6edf3e6}.results-section-list li{margin-bottom:.5rem}.results-section-list li:last-child{margin-bottom:0}.results-actions{display:flex;justify-content:center;padding-top:.5rem}.results-actions .analytics-new-interview-btn{padding:.875rem 2rem;font-size:1rem}.results-score-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--space-md, 1rem);margin-bottom:var(--space-lg, 1.5rem)}.results-score-mini-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);min-width:clamp(5rem,18vw,8rem);flex:1 1 auto;text-align:center;transition:border-color .2s ease,background .2s ease}.results-score-mini-card:hover{background:#2dd4bf0f;border-color:#2dd4bf33}.results-score-mini-value{display:block;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:#2dd4bf}.results-score-mini-label{display:block;font-size:clamp(.625rem,1.8vw,.7rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#e6edf399;margin-top:var(--space-xs)}.results-actions-multi{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-md)}.analytics-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.625rem,2vw,.75rem) clamp(1.25rem,4vw,1.5rem);font-size:clamp(.8125rem,2vw,.9rem);font-weight:600;color:#0f1419;background:#e6edf3e6;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-btn);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.analytics-download-btn-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.analytics-download-btn:hover{background:#e6edf3;transform:translateY(-.0625rem);box-shadow:0 .25rem .75rem #0003}.role-select-window{justify-content:flex-start;position:relative;overflow:hidden}.role-select-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.role-select-bg-svg{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.role-select-header{position:relative;z-index:1}.role-select-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);min-height:0;overflow-y:auto}.role-select-inner{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:min(96vw,52rem)}.role-select-title{margin:0 0 var(--space-sm);font-size:clamp(1.5rem,5vw,1.75rem);font-weight:600;color:#e6edf3;letter-spacing:-.02em}.role-select-subtitle{margin:0 0 var(--space-xl);font-size:clamp(.875rem,2.5vw,.9375rem);color:#e6edf3a6}.role-select-cards{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:var(--space-lg);width:100%}.role-select-card{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 0;min-width:0;max-width:420px;padding:var(--space-xl) var(--space-lg);background:#ffffff0a;border:1px solid rgba(45,212,191,.3);border-radius:var(--radius-card);color:#e6edf3;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.role-select-card:hover{background:#2dd4bf1f;border-color:#2dd4bf80;transform:translateY(-.125rem);box-shadow:0 .5rem 1.5rem #0003}.role-select-card-icon{width:clamp(2.5rem,8vw,3rem);height:clamp(2.5rem,8vw,3rem);margin-bottom:var(--space-md);color:#2dd4bf}.role-select-card-icon svg{width:100%;height:100%}.role-select-card-title{font-size:clamp(1rem,3vw,1.125rem);font-weight:600;color:#99f6e4;margin-bottom:var(--space-sm)}.role-select-card-desc{font-size:clamp(.75rem,2.2vw,.8125rem);color:#e6edf3bf;line-height:1.5;margin:0}.home-back-role-btn{padding:var(--space-sm) var(--space-md);font-size:clamp(.75rem,2vw,.8125rem);font-weight:500;color:#99f6e4;background:#2dd4bf26;border:1px solid rgba(45,212,191,.3);border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.home-back-role-btn:hover{background:#2dd4bf40;color:#e6edf3}.participant-window .home-main.participant-home-main{justify-content:center;align-items:center;padding:var(--space-lg);overflow-y:auto}.participant-home-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%}.participant-entitlements{width:100%;max-width:100%}.participant-entitlements-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.participant-entitlement{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.06)}.participant-entitlement:last-child{border-bottom:none}.participant-entitlement-clickable{cursor:pointer;transition:background .2s ease}.participant-entitlement-clickable:hover{background:#2dd4bf14}.participant-entitlement-clickable[aria-disabled=true]{cursor:not-allowed;opacity:.7}.participant-entitlement-clickable[aria-disabled=true]:hover{background:transparent}.participant-entitlement-label{font-size:clamp(.8125rem,2.2vw,.875rem);font-weight:500;color:#e6edf3e6}.participant-entitlement-value{font-size:clamp(.75rem,2vw,.8125rem);color:#2dd4bf}.participant-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--space-md);width:100%;max-width:100%}.participant-action-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.08);padding:var(--space-md)}.participant-action-card:hover:not(:disabled){background:#2dd4bf1a;border-color:#2dd4bf4d;transform:translateY(-.0625rem);box-shadow:0 .25rem 1rem #00000026}.participant-action-card:disabled{opacity:.6;cursor:not-allowed}.participant-action-icon{display:flex;align-items:center;justify-content:center;width:clamp(2.25rem,6vw,2.75rem);height:clamp(2.25rem,6vw,2.75rem);margin-bottom:var(--space-sm);color:#2dd4bf}.participant-action-icon svg{width:100%;height:100%}.participant-action-title{font-size:clamp(.875rem,2.5vw,.9375rem);font-weight:600;color:#99f6e4;margin-bottom:var(--space-xs)}.participant-action-desc{font-size:clamp(.6875rem,2vw,.75rem);color:#e6edf3a6;margin:0;line-height:1.4}.lecturer-window .home-header{flex-wrap:wrap;gap:var(--space-sm)}.lecturer-window{overflow-y:auto;overflow-x:hidden;height:100%}.lecturer-window::-webkit-scrollbar{width:6px}.lecturer-window::-webkit-scrollbar-track{background:#0f1419;border-radius:3px}.lecturer-window::-webkit-scrollbar-thumb{background:#2dd4bf;border-radius:3px}.lecturer-window::-webkit-scrollbar-thumb:hover{background:#5eead4}.lecturer-main{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start;min-height:0}.content-center-wrap.lecturer-layout{max-width:var(--content-wide)}.lecturer-layout{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:var(--space-lg);width:100%;align-items:start}.lecturer-side{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:var(--space-md)}.lecturer-side .home-card{flex-shrink:0}.lecturer-card .lecturer-desc,.lecturer-training-desc{margin:0 0 var(--space-sm);font-size:clamp(.8125rem,2.2vw,.875rem);color:#e6edf3cc;line-height:1.5}.lecturer-training-list{margin:0 0 var(--space-md);padding-left:1.25rem;font-size:clamp(.75rem,2vw,.8125rem);color:#e6edf3d9;line-height:1.5}.lecturer-training-list li{margin-bottom:.35rem}.lecturer-training-btn{width:100%}.lecturer-content{min-width:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.lecturer-content-title{margin:0 0 var(--space-lg);font-size:clamp(1.125rem,3.5vw,1.25rem);font-weight:600;color:#e6edf3;width:100%;text-align:center}.lecturer-rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:var(--space-md);width:100%;justify-items:center}.lecturer-right-card{display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s ease,background .2s ease,transform .2s ease;padding:var(--space-md);width:100%;max-width:220px;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font:inherit;color:inherit}.lecturer-right-card:hover{border-color:#2dd4bf40;background:#2dd4bf0f;transform:translateY(-.0625rem)}.lecturer-right-icon{display:flex;align-items:center;justify-content:center;width:clamp(2rem,5vw,2.5rem);height:clamp(2rem,5vw,2.5rem);margin-bottom:var(--space-sm);color:#2dd4bf}.lecturer-right-icon svg{width:100%;height:100%}.lecturer-right-title{margin:0 0 var(--space-xs);font-size:clamp(.875rem,2.5vw,.9375rem);font-weight:600;color:#99f6e4}.lecturer-right-desc{margin:0;font-size:clamp(.6875rem,2vw,.75rem);color:#e6edf3b3;line-height:1.4}.training-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-lg);animation:overlayFade .2s ease}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.training-modal{max-width:min(90vw,28rem);width:100%;max-height:min(85vh,32rem);overflow-y:auto;border-radius:var(--radius-card);animation:modalSlide .25s ease}@keyframes modalSlide{0%{opacity:0;transform:scale(.96) translateY(-.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}.training-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.training-close-btn{width:2.25rem;height:2.25rem;padding:0;font-size:1.5rem;line-height:1;color:#e6edf3cc;background:transparent;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:background .2s ease,color .2s ease}.training-close-btn:hover{background:#ffffff1a;color:#e6edf3}.training-modal-body .lecturer-training-list{margin-bottom:var(--space-md)}.training-note{margin:0;font-size:clamp(.75rem,2vw,.8125rem);color:#e6edf399;font-style:italic}.placeholder-window .home-main.placeholder-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);overflow-y:auto}.placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.placeholder-card{width:100%;max-width:var(--content-narrow);text-align:center;padding:var(--space-xl)}.participant-placeholder-desc{margin:0;font-size:clamp(.875rem,2.5vw,.9375rem);color:#e6edf3d9;line-height:1.55}.lecturer-feature-wrap{width:100%;padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.lecturer-feature-view{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.lecturer-feature-back{align-self:flex-start}.lecturer-feature-card{width:100%;max-width:var(--content-narrow);padding:var(--space-xl)}.lecturer-feature-title{margin:0 0 var(--space-sm);font-size:clamp(1.125rem,3.5vw,1.35rem);font-weight:600;color:#e6edf3}.lecturer-feature-desc{margin:0 0 var(--space-lg);font-size:clamp(.875rem,2.5vw,.9375rem);color:#e6edf3d9;line-height:1.55}.lecturer-feature-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.lecturer-feature-secondary-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#99f6e4;background:#2dd4bf26;border:1px solid rgba(45,212,191,.3);border-radius:var(--radius-btn);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.lecturer-feature-secondary-btn:hover{background:#2dd4bf40;border-color:#2dd4bf80;transform:translateY(-.0625rem)}.lecturer-feature-message{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);font-size:.875rem;color:#99f6e4;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.25);border-radius:var(--radius-btn)}.lecturer-feature-hint{margin:0;font-size:.75rem;color:#e6edf38c;font-style:italic}.lecturer-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.lecturer-form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.lecturer-form-label{font-size:.8125rem;font-weight:500;color:#e6edf3d9}.lecturer-form-input{max-width:100%}.lecturer-form-textarea{resize:vertical;min-height:4rem}.lecturer-list-title{display:flex;align-items:center;gap:.5rem;margin:var(--space-lg) 0 var(--space-md);font-size:1rem;font-weight:600;color:#e6edf3;letter-spacing:.01em}.lecturer-list-title-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:#2dd4bf;flex-shrink:0}.lecturer-list-title-icon svg{width:100%;height:100%}.lecturer-list-empty{margin:0;padding:var(--space-md) 0;font-size:.9375rem;color:#e6edf399;line-height:1.5}.lecturer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.lecturer-list-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:.5rem;border:1px solid rgba(45,212,191,.2);background:#0f141999;transition:border-color .2s ease,background .2s ease}.lecturer-list-item:hover{border-color:#2dd4bf59;background:#0f1419cc}.lecturer-list-item-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;color:#2dd4bf;background:#2dd4bf1f;border-radius:.375rem}.lecturer-list-item-icon svg{width:1.125rem;height:1.125rem}.lecturer-list-item-body{flex:1;min-width:0}.lecturer-list-item-name{display:block;font-size:1rem;font-weight:600;color:#e6edf3;margin-bottom:.25rem;letter-spacing:.01em}.lecturer-list-item-meta{display:block;font-size:.875rem;color:#e6edf3bf;line-height:1.4}.lecturer-list-item-desc{margin:var(--space-sm) 0 0;font-size:.8125rem;color:#e6edf3cc;line-height:1.5}.placeholder-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg);margin-bottom:var(--space-md)}.placeholder-action-btn{flex-shrink:0}.placeholder-message{margin:0;padding:var(--space-sm) var(--space-md);font-size:.875rem;color:#99f6e4;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.25);border-radius:var(--radius-btn);margin-top:var(--space-sm)}.reports-empty{margin:var(--space-lg) 0 0;font-size:.9375rem;color:#e6edf3b3;text-align:center}.reports-list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.reports-list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.reports-list-item-main{display:flex;flex-direction:column;gap:.25rem}.reports-list-item-date{font-size:.9375rem;font-weight:500;color:#e6edf3}.reports-list-item-score{font-size:.8125rem;color:#2dd4bf}.reports-list-item-actions{display:flex;gap:var(--space-sm)}.reports-list-btn{flex-shrink:0}.reports-detail-wrap{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.reports-back-btn{align-self:flex-start}@media (max-width: 768px){.lecturer-layout{grid-template-columns:1fr;justify-items:center}.lecturer-side{position:static;width:100%;max-width:var(--content-narrow)}.lecturer-content{width:100%}.lecturer-rights-grid{justify-items:center}}@media (max-width: 480px){.participant-actions-grid{grid-template-columns:1fr}}.interview-left{flex:0 0 60%;display:flex;flex-direction:column;padding:1.25rem;min-width:0;position:relative}.interview-main .interview-left{flex:0 0 70%}.interview-main .home-right{flex:0 0 30%}.interview-video-wrap{flex:1;min-height:200px;border-radius:.75rem;overflow:hidden;background:#1a2332;border:1px solid rgba(45,212,191,.25);position:relative}.interview-video-wrap .home-video{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}.interview-video-wrap .home-video-label{position:absolute;top:.5rem;left:.5rem}.floating-agent-logo-corner{position:absolute;top:1rem;right:1rem;left:auto;width:6rem;height:6rem;max-width:6rem;max-height:6rem;transform:none;z-index:1200}.floating-agent-logo-corner .floating-agent-logo-shell{border-width:.2rem;padding:.2rem}.home-stop-btn{min-width:12rem;padding:.75rem 2.25rem;font-size:.9375rem;font-weight:600;color:#0f1419;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.home-stop-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .5rem 1.25rem #f9731666}.home-right-analytics .analytics-loading,.home-right-analytics .analytics-no-key,.home-right-analytics .analytics-error{margin:0;font-size:.875rem;color:#e6edf3b3}.home-right-analytics .analytics-section{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.home-right-analytics .analytics-section-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#e6edf3d9}.home-right-analytics .analytics-summary{margin:0;font-size:.9rem;line-height:1.5;color:#e6edf3e6}.home-right-analytics .analytics-improvements{margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.6;color:#e6edf3d9}.home-right-analytics .analytics-new-interview-btn{flex-shrink:0;margin-top:1rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:#0f1419;background:linear-gradient(135deg,#2dd4bf,#14b8a6);border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.home-right-analytics .analytics-new-interview-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .5rem 1rem #2dd4bf59}.home-footer{flex-shrink:0;padding:1rem 1.5rem;background:#0003}.home-footer-inner{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.home-window .home-footer .home-footer-inner{transform:translateY(-2rem)}.interview-window .home-footer .home-footer-inner{transform:translate(-15rem)}.home-start-btn{padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;color:#0f1419;background:linear-gradient(135deg,#2dd4bf,#14b8a6);border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.home-start-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .5rem 1.25rem #2dd4bf66}.home-start-btn-disabled,.home-start-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.home-start-btn-disabled:hover,.home-start-btn:disabled:hover{transform:none;box-shadow:none}.home-footer .language-selector-container{position:static;transform:none}.home-footer .language-dropdown{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-top:none}.home-footer .language-dropdown.open .language-selected{border-top:none}.home-footer .language-dropdown.open-above.open .language-list{border-bottom:none}.home-footer .language-selected{color:#e6edf3}.home-footer .language-selected:hover{background:#ffffff14}.home-footer .language-list{background:#1a2332;border:1px solid rgba(255,255,255,.12)}.home-footer .language-option{color:#e6edf3}.home-footer .language-option:hover{background:#ffffff14}.home-footer .language-name{color:inherit}.home-footer-role{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;color:#99f6e4;background:#2dd4bf26;border:1px solid rgba(45,212,191,.3);border-radius:999px}.home-footer-role-icon{width:1rem;height:1rem;flex-shrink:0}.language-selector-with-role{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.interview-role-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;color:#c084fc;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:999px;pointer-events:auto}.interview-role-badge-icon{width:1rem;height:1rem;flex-shrink:0}@media (max-width: 900px){.home-main{flex-direction:column}.home-left,.interview-left{flex:1 1 auto;max-width:none}.home-right{width:100%;min-width:0;border-left:none;border-top:1px solid rgba(255,255,255,.08)}.home-video-wrap{min-height:240px}}.user-video-wrap{position:absolute;top:1rem;left:1rem;z-index:1100;width:220px;max-width:min(220px,calc(100vw - 2rem));border-radius:.75rem;overflow:hidden;border:2px solid rgba(168,85,247,.4);box-shadow:0 8px 24px #00000059}.user-video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#0f0f18}.user-video-label{display:block;padding:.35rem .5rem;font-size:.75rem;font-weight:600;color:#c084fc;background:#00000080;text-align:center}.interview-layout{display:flex;height:100%;width:100%;min-height:0;overflow:hidden;scrollbar-width:none}.interview-layout::-webkit-scrollbar{display:none}.interview-layout .chat-container{flex:1;min-width:0}.analytics-panel{width:580px;min-width:420px;flex-shrink:0;min-height:0;background:linear-gradient(180deg,#0b0b12,#08080f);border-left:1px solid rgba(255,255,255,.08);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;scrollbar-width:none}.analytics-panel::-webkit-scrollbar{display:none}.analytics-panel-title{margin:0;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#c084fc}.analytics-timer{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#ffffff0a;border-radius:.75rem;border:1px solid rgba(255,255,255,.08)}.analytics-timer-label{font-size:.75rem;color:#f9f5ff99}.analytics-timer-value{font-size:1.75rem;font-weight:700;color:#a855f7}.analytics-timer-value.expired{color:#f87171}.analytics-timer-elapsed{font-size:.8rem;color:#f9f5ff80}.transcript-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none;min-height:0}.transcript-list::-webkit-scrollbar{display:none}.transcript-empty{margin:0;font-size:.85rem;color:#f9f5ff80}.transcript-entry{padding:.6rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.06)}.transcript-entry-user{background:#60a5fa14;border-color:#60a5fa33}.transcript-entry-agent{background:#a855f70f;border-color:#a855f726}.transcript-entry-role{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.transcript-entry-user .transcript-entry-role{color:#60a5fa}.transcript-entry-agent .transcript-entry-role{color:#c084fc}.transcript-entry-text{margin:0;font-size:.85rem;line-height:1.45;color:#f9f5ffe6}.analytics-content{display:flex;flex-direction:column;gap:1rem;flex:1}.analytics-loading,.analytics-no-key,.analytics-error,.analytics-placeholder{margin:0;font-size:.875rem;color:#f9f5ffb3}.analytics-error{color:#f87171}.analytics-section{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.analytics-section:last-of-type{border-bottom:none}.analytics-section-title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f9f5ffd9}.analytics-summary{margin:0;font-size:.9rem;line-height:1.5;color:#f9f5ffe6}.analytics-improvements{margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.6;color:#f9f5ffd9}.analytics-improvements li{margin-bottom:.35rem}.analytics-new-interview-btn{margin-top:auto;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;color:#050507;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.analytics-new-interview-btn:hover{transform:translateY(-.0625rem);box-shadow:0 .5rem 1rem #a855f759}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden}.header{padding:.75rem 1.25rem;border-bottom:.0625rem solid #ececec;background:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:visible;z-index:999}.header-title{display:flex;align-items:center;gap:.5rem}.header-logo-slot{width:2.5rem;height:2.5rem;border-radius:50%;border:.125rem solid transparent;flex-shrink:0}.floating-agent-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);width:24rem;height:24rem;max-width:27rem;max-height:27rem;pointer-events:none;z-index:1200;box-sizing:border-box}.interview-window .floating-agent-logo.floating-agent-logo-corner{top:1rem;right:1rem;left:auto;transform:none;width:6rem;height:6rem;max-width:6rem;max-height:6rem}.floating-agent-logo-shell{--agent-talk-scale: 1;--agent-aura-scale: 1;--agent-aura-opacity: 0;--agent-pulse-scale: 1;--agent-logo-zoom: 2.6;--agent-logo-offset-x: -6%;--agent-logo-offset-y: 0%;--gradient-angle: 135deg;--gradient-color-1: rgba(168, 85, 247, .3);--gradient-color-2: rgba(192, 132, 252, .2);--gradient-color-3: rgba(139, 92, 246, .1);--wave-center-x: 50%;--wave-center-y: 50%;--wave-size: 150%;--wave-opacity: .5;--liquid-wave: 0deg;width:100%;height:100%;border-radius:50%;border:.375rem solid #e0e0e0;background:radial-gradient(circle at var(--wave-center-x) var(--wave-center-y),transparent 0%,transparent 8%,rgba(168,85,247,calc(var(--wave-opacity) * .6)) 8.5%,rgba(168,85,247,calc(var(--wave-opacity) * .3)) 9%,transparent 9.5%,transparent 18%,rgba(192,132,252,calc(var(--wave-opacity) * .55)) 18.5%,rgba(192,132,252,calc(var(--wave-opacity) * .25)) 19%,transparent 19.5%,transparent 28%,rgba(139,92,246,calc(var(--wave-opacity) * .5)) 28.5%,rgba(139,92,246,calc(var(--wave-opacity) * .2)) 29%,transparent 29.5%,transparent 38%,rgba(236,72,153,calc(var(--wave-opacity) * .45)) 38.5%,rgba(236,72,153,calc(var(--wave-opacity) * .18)) 39%,transparent 39.5%,transparent 48%,rgba(59,130,246,calc(var(--wave-opacity) * .4)) 48.5%,rgba(59,130,246,calc(var(--wave-opacity) * .15)) 49%,transparent 49.5%,transparent 58%,rgba(168,85,247,calc(var(--wave-opacity) * .35)) 58.5%,rgba(168,85,247,calc(var(--wave-opacity) * .12)) 59%,transparent 59.5%,transparent 68%,rgba(192,132,252,calc(var(--wave-opacity) * .3)) 68.5%,rgba(192,132,252,calc(var(--wave-opacity) * .1)) 69%,transparent 69.5%,transparent 78%,rgba(139,92,246,calc(var(--wave-opacity) * .25)) 78.5%,rgba(139,92,246,calc(var(--wave-opacity) * .08)) 79%,transparent 79.5%,transparent 88%,rgba(236,72,153,calc(var(--wave-opacity) * .2)) 88.5%,rgba(236,72,153,calc(var(--wave-opacity) * .06)) 89%,transparent 89.5%,transparent 98%,rgba(59,130,246,calc(var(--wave-opacity) * .15)) 98.5%,rgba(59,130,246,calc(var(--wave-opacity) * .05)) 99%,transparent 99.5%,transparent var(--wave-size)),linear-gradient(var(--gradient-angle),rgba(168,85,247,calc(var(--wave-opacity) * .3)),rgba(192,132,252,calc(var(--wave-opacity) * .2)),rgba(139,92,246,calc(var(--wave-opacity) * .15)),rgba(236,72,153,calc(var(--wave-opacity) * .1)),rgba(59,130,246,calc(var(--wave-opacity) * .08)),#3c093d 100%);padding:.375rem;box-shadow:0 .75rem 3rem #00000040;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:scale(var(--agent-talk-scale));transform-origin:center;transition:border-color .2s ease,box-shadow .2s ease,transform .05s ease-out,background .05s cubic-bezier(.4,0,.2,1);background-size:var(--wave-size) var(--wave-size),100% 100%;background-position:center,center}.floating-agent-logo-shell:after{content:"";position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;border-radius:50%;background:radial-gradient(circle at var(--wave-center-x) var(--wave-center-y),transparent 0%,transparent 12%,rgba(168,85,247,calc(var(--agent-aura-opacity, 0) * .5)) 12.5%,rgba(168,85,247,calc(var(--agent-aura-opacity, 0) * .2)) 13%,transparent 13.5%,transparent 24%,rgba(192,132,252,calc(var(--agent-aura-opacity, 0) * .45)) 24.5%,rgba(192,132,252,calc(var(--agent-aura-opacity, 0) * .18)) 25%,transparent 25.5%,transparent 36%,rgba(139,92,246,calc(var(--agent-aura-opacity, 0) * .4)) 36.5%,rgba(139,92,246,calc(var(--agent-aura-opacity, 0) * .15)) 37%,transparent 37.5%,transparent 48%,rgba(236,72,153,calc(var(--agent-aura-opacity, 0) * .35)) 48.5%,rgba(236,72,153,calc(var(--agent-aura-opacity, 0) * .12)) 49%,transparent 49.5%,transparent 60%,rgba(59,130,246,calc(var(--agent-aura-opacity, 0) * .3)) 60.5%,rgba(59,130,246,calc(var(--agent-aura-opacity, 0) * .1)) 61%,transparent 61.5%,transparent 72%,rgba(168,85,247,calc(var(--agent-aura-opacity, 0) * .25)) 72.5%,rgba(168,85,247,calc(var(--agent-aura-opacity, 0) * .08)) 73%,transparent 73.5%,transparent 84%,rgba(192,132,252,calc(var(--agent-aura-opacity, 0) * .2)) 84.5%,rgba(192,132,252,calc(var(--agent-aura-opacity, 0) * .06)) 85%,transparent 85.5%,transparent 96%,rgba(139,92,246,calc(var(--agent-aura-opacity, 0) * .15)) 96.5%,rgba(139,92,246,calc(var(--agent-aura-opacity, 0) * .05)) 97%,transparent 97.5%,transparent 180%);filter:blur(.5rem);opacity:var(--agent-aura-opacity, 0);transform:scale(var(--agent-aura-scale, 1));transition:opacity .05s ease-out,transform .05s cubic-bezier(.4,0,.2,1);z-index:-1;animation:waveExpand 4s ease-out infinite;background-size:200% 200%;background-position:center}@keyframes waveExpand{0%{transform:scale(var(--agent-aura-scale, 1));opacity:calc(var(--agent-aura-opacity, 0) * 1)}50%{transform:scale(calc(var(--agent-aura-scale, 1) * 1.15));opacity:calc(var(--agent-aura-opacity, 0) * .7)}to{transform:scale(calc(var(--agent-aura-scale, 1) * 1.3));opacity:calc(var(--agent-aura-opacity, 0) * .3)}}.floating-agent-logo-shell:before{content:"";position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;border-radius:50%;background:conic-gradient(from var(--liquid-wave),rgba(168,85,247,calc(var(--agent-aura-opacity, 0) * .4)),rgba(236,72,153,calc(var(--agent-aura-opacity, 0) * .3)),rgba(59,130,246,calc(var(--agent-aura-opacity, 0) * .25)),rgba(192,132,252,calc(var(--agent-aura-opacity, 0) * .35)),rgba(168,85,247,calc(var(--agent-aura-opacity, 0) * .4)));filter:blur(1.25rem);opacity:var(--agent-aura-opacity, 0);transform:scale(var(--agent-pulse-scale, 1)) rotate(calc(var(--liquid-wave) * -1));transition:opacity .05s ease-out,transform .05s cubic-bezier(.4,0,.2,1);z-index:-2;animation:conicRotate 6s linear infinite}@keyframes conicRotate{0%{transform:scale(var(--agent-pulse-scale, 1)) rotate(0)}to{transform:scale(var(--agent-pulse-scale, 1)) rotate(360deg)}}.floating-agent-logo-shell.talking{border-color:#a855f7;box-shadow:0 .75rem 3.5rem #a855f780,0 0 0 .5rem #a855f71a}.floating-agent-logo-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;background:transparent;position:relative;z-index:1;transform-origin:center;transform:scale(var(--agent-logo-zoom)) translate(var(--agent-logo-offset-x),var(--agent-logo-offset-y));transition:transform .05s ease-out}.language-selector-container{position:absolute;top:.8rem;left:50%;transform:translate(-50%);z-index:2000;display:flex;justify-content:center;width:auto;pointer-events:none}.language-dropdown{position:relative;z-index:1;background:#0f1419fa;border:1px solid rgba(45,212,191,.35);border-radius:.75rem;box-shadow:0 .25rem 1.25rem #0000004d;min-width:14rem;max-width:16rem;overflow:visible;transition:all .3s ease;pointer-events:auto}.language-selected{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;pointer-events:auto;color:#e6edf3}.language-selected:hover{background-color:#2dd4bf1f;border-radius:.75rem}.language-selected .chevron-icon{margin-left:auto;width:1rem;height:1rem;min-width:1rem;color:#2dd4bf;transition:transform .3s ease;flex-shrink:0}.language-dropdown.open .language-selected .chevron-icon{transform:rotate(180deg)}.language-list{position:absolute;top:100%;left:0;right:0;background:#0f1419fa;border:1px solid rgba(45,212,191,.35);border-radius:.75rem;box-shadow:0 .25rem 1.25rem #0000004d;margin-top:.25rem;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:1001}.language-dropdown.open-above .language-list{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem}.language-dropdown.open .language-list{max-height:31.25rem;overflow-y:auto;z-index:2100}.language-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative;color:#e6edf3}.language-option:hover{background-color:#2dd4bf1f}.language-option.active{background-color:#2dd4bf33}.flag-icon{width:1.25rem;height:.9375rem;object-fit:cover;border-radius:.125rem;flex-shrink:0;display:block;border:.03125rem solid rgba(0,0,0,.1)}.language-name{font-size:.8rem;color:#e6edf3;flex:1}.status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:#444}.status-indicator{width:.5rem;height:.5rem;border-radius:50%;background:#ccc}.status-indicator.connected{background:#51cf66;animation:pulse 2s ease-in-out infinite}.status-indicator.disconnected{background:#ff6b6b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.welcome-message{text-align:center;color:#666;padding:2rem}.welcome-message p{margin:.5rem 0}.message-wrapper{display:flex;width:100%;margin-bottom:.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.user-wrapper{justify-content:flex-end}.assistant-wrapper{justify-content:flex-start}.input-container{position:absolute;top:calc(50% + 9rem);left:50%;transform:translate(-50%);padding:0;border:none;display:flex;gap:.5rem;z-index:1100;width:90%;max-width:30rem}.input-field{flex:1;padding:.75rem 1rem;border:.125rem solid rgba(168,85,247,.3);border-radius:2.5rem;font-size:.9375rem;color:#333;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 .25rem 1rem #0000001a;transition:all .3s ease}.input-field:focus{outline:none;border-color:#a855f7;box-shadow:0 0 1.5rem #a855f74d}.input-field:disabled{background:#f5f5f5cc;cursor:not-allowed;opacity:.6}.send-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;border:none;border-radius:2.5rem;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 .25rem 1rem #a855f766;white-space:nowrap}.send-btn:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .375rem 1.5rem #a855f780}.send-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.controls{position:absolute;top:calc(50% + 13rem);left:50%;transform:translate(-50%);padding:0;border:none;display:flex;justify-content:center;z-index:1100;width:90%;max-width:30rem}.mic-container{width:100%;max-width:17rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;align-items:center}.mic-container.disabled{opacity:.6;pointer-events:none}.mic-button-off,.mic-button-recording{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.15rem .75rem 1.5rem;border-radius:2.5rem;cursor:pointer;transition:all .3s ease;background:#1a1a1a;border:.125rem solid transparent;box-shadow:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.mic-button-off{justify-content:flex-start;border-color:#a855f7;box-shadow:0 0 1.875rem #a855f799,inset 0 0 1.25rem #a855f71a}.mic-button-off:hover{box-shadow:0 0 2.5rem #a855f7cc,inset 0 0 1.875rem #a855f733}.mic-button-off.busy{cursor:wait;opacity:.75}.mic-button-recording{justify-content:flex-start;border-color:#ff6b35;box-shadow:0 0 1.875rem #ff6b3599,inset 0 0 1.25rem #ff6b351a;animation:pulseGlow 1.5s ease-in-out infinite}.mic-button-recording:hover{box-shadow:0 0 2.5rem #ff6b35cc,inset 0 0 1.875rem #ff6b3533}.mic-button-recording.busy{cursor:wait}@keyframes pulseGlow{0%,to{box-shadow:0 0 1.875rem #ff6b3599,inset 0 0 1.25rem #ff6b351a}50%{box-shadow:0 0 3.125rem #ff6b35e6,inset 0 0 1.875rem #ff6b3533}}.mic-icon-wrapper{width:3rem;height:2.75rem;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);box-sizing:border-box;margin-right:2.5rem}.mic-icon-external{width:1.75rem;height:1.75rem;flex-shrink:0;filter:brightness(0) invert(1) drop-shadow(0 0 .25rem rgba(0,0,0,.4))}.mic-action{font-size:1rem;font-weight:600;white-space:nowrap;margin:0;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.stop-icon{width:1.5rem;height:1.5rem;background:#ff453a;border-radius:.25rem;display:flex;align-items:center;justify-content:center;animation:stopPulse .5s ease-in-out infinite;flex-shrink:0;box-sizing:border-box;margin-right:1rem}@keyframes stopPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bars-container{display:flex;align-items:center;justify-content:center;gap:.25rem;height:1.5rem;margin-right:1rem;flex-shrink:0}.bar{width:.25rem;background:linear-gradient(to top,#ff453a,#ff6b35);border-radius:.125rem;min-height:.5rem;max-height:1.5rem}.listening-text{font-size:1rem;font-weight:600;white-space:nowrap;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.status-text{color:#888;font-size:.6875rem;text-align:center;margin-top:.25rem}.start-btn,.end-btn{padding:.75rem 2rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s}.start-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.start-btn:hover{transform:translateY(-.125rem);box-shadow:0 .375rem 1rem #667eea80}.end-btn{background:#f44;color:#fff}.end-btn:hover{background:#c00;transform:translateY(-.125rem)}@media (max-width: 1024px){.app-container{border-radius:0}.header{padding:.875rem 1.25rem}.header h1{font-size:1.125rem}.floating-agent-logo{width:22rem;height:22rem;max-width:22rem;max-height:22rem}.floating-agent-logo-shell{border-width:.3125rem;padding:.3125rem}.input-container{padding:.875rem}}@media (max-width: 768px){.app-container{border-radius:0}.header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.header h1{font-size:1rem;color:#000}.status{color:#fff;font-size:.8125rem}.header-logo-slot{width:2rem;height:2rem}.floating-agent-logo{width:20rem;height:20rem;max-width:20rem;max-height:20rem}.floating-agent-logo-shell{border-width:.3125rem;padding:.3125rem}.mic-container{max-width:14rem}.mic-icon-wrapper{width:2.5rem;height:2.5rem}.mic-icon-external{width:1.5rem;height:1.5rem}.header-title{gap:.5rem}.language-selector-container{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:2000;display:flex;justify-content:center;align-items:center;width:auto;margin:0;pointer-events:none}.language-dropdown{min-width:14rem;max-width:16rem;width:100%;pointer-events:auto}.input-container{top:calc(50% + 7.5rem);width:85%;max-width:25rem;gap:.5rem}.input-field{padding:.625rem .875rem;font-size:.875rem}.send-btn{padding:.625rem 1.25rem;font-size:.875rem}.input-container{top:calc(50% + 8rem);width:85%;max-width:28rem}.controls{padding:.75rem}.start-btn,.end-btn{padding:.625rem 1.5rem;font-size:.9375rem}}@media (max-width: 480px){.header{padding:.625rem .75rem}.header h1{font-size:.9375rem}.status{font-size:.75rem}.header-logo-slot{width:1.75rem;height:1.75rem}.floating-agent-logo{width:18rem;height:18rem;max-width:18rem;max-height:18rem}.floating-agent-logo-shell{border-width:.25rem;padding:.25rem}.mic-container{max-width:13rem}.mic-button-off,.mic-button-recording{padding:.625rem 1rem .625rem 1.25rem;font-size:.75rem}.mic-icon-wrapper{width:2.25rem;height:2.25rem;margin-right:.5rem}.mic-icon-external{width:1.375rem;height:1.375rem}.mic-action{font-size:.75rem}.language-dropdown{min-width:12rem;max-width:15rem}.language-selected,.language-option{padding:.625rem .875rem;font-size:.8125rem}.input-container{padding:.625rem;flex-direction:column}.input-field{width:100%;padding:.5rem .625rem}.send-btn{width:100%;padding:.625rem}.start-btn,.end-btn{width:100%;padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 320px){.header{padding:.5rem .625rem}.header h1{font-size:.875rem}.status{font-size:.6875rem}.header-logo-slot{width:1.5rem;height:1.5rem}.floating-agent-logo{width:17rem;height:17rem;max-width:17rem;max-height:17rem}.floating-agent-logo-shell{border-width:.25rem;padding:.25rem}.mic-container{max-width:12rem}.mic-button-off,.mic-button-recording{padding:.5625rem .875rem .5625rem 1.125rem;font-size:.6875rem}.mic-icon-wrapper{width:2rem;height:2rem;margin-right:.4375rem}.mic-icon-external{width:1.25rem;height:1.25rem}.mic-action{font-size:.6875rem}.language-dropdown{min-width:10rem;max-width:12rem}.input-field,.send-btn{font-size:.75rem}.start-btn,.end-btn{font-size:.8125rem;padding:.625rem 1rem}}.resource-sidebar{position:fixed;top:0;right:-420px;width:26rem;max-width:100%;height:100vh;background:#08080f;color:#f9f5ff;box-shadow:-16px 0 32px #0000008c;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:right .35s ease;z-index:1200;border-left:1px solid rgba(255,255,255,.08);border-radius:1rem 0 0 1rem}.resource-sidebar.open{right:0}.resource-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.resource-sidebar-header h3{margin:0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#c084fc}.resource-sidebar-close{background:transparent;border:none;color:#fecdd3;font-size:1.5rem;cursor:pointer;line-height:1}.resource-sidebar-transcript{margin:0;font-size:.9rem;line-height:1.4;color:#f9f5ffd9}.resource-sidebar-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.resource-sidebar-tab{border:1px solid rgba(255,255,255,.18);background:transparent;color:#f9f5ff;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;letter-spacing:.06em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.resource-sidebar-tab.active{background:linear-gradient(120deg,#c084fc,#a855f7);color:#050507;border-color:transparent}.resource-sidebar-viewer{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.resource-sidebar-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.25rem;scrollbar-width:none}.resource-sidebar-body::-webkit-scrollbar{display:none}.resource-sidebar-empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.resource-sidebar-empty p{margin:0;font-size:.875rem;color:#f9f5ff80;line-height:1.5}.chat-entry{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}.chat-entry-user{align-items:flex-end}.chat-entry-agent{align-items:flex-start}.chat-entry-meta{display:flex;align-items:center;font-size:.75rem;color:#f9f5ffa6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.chat-entry-label{font-weight:600}.chat-entry-user .chat-entry-label{color:#60a5fa}.chat-entry-agent .chat-entry-label{color:#c084fc}.chat-entry-text{margin:0;font-size:.92rem;line-height:1.5;padding:.75rem 1rem;border-radius:1rem;max-width:85%;word-wrap:break-word;white-space:pre-wrap}.chat-entry-user .chat-entry-text{background:linear-gradient(135deg,#60a5fa33,#3b82f633);border:1px solid rgba(96,165,250,.3);color:#f9f5fff2;text-align:right}.chat-entry-agent .chat-entry-text{background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:#f9f5ffe6}.resource-entry{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.resource-entry-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#f9f5ffa6;text-transform:uppercase;letter-spacing:.08em}.resource-entry-label{font-weight:600;color:#c084fc}.resource-entry-text{margin:0;font-size:.92rem;line-height:1.5;color:#f9f5ffe6}.resource-sidebar-video,.resource-sidebar-image{width:100%;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#050506}.resource-sidebar-video{min-height:240px}.resource-sidebar-image{max-height:260px;object-fit:cover}.resource-sidebar-link{color:#bfdbfe;text-decoration:underline;font-weight:600;word-break:break-word}.resource-sidebar-url{font-size:.75rem;color:#f9f5ffa6;word-break:break-all;margin:0}.resource-qr-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 0}.resource-qr-caption{margin:0;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#f9f5ffb3;text-align:center}.resource-sidebar-input-container{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.resource-sidebar-input-field{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;font-size:.9rem;color:#f9f5ff;background:#ffffff0d;transition:all .3s ease}.resource-sidebar-input-field::placeholder{color:#f9f5ff80}.resource-sidebar-input-field:focus{outline:none;border-color:#a855f7;background:#ffffff14;box-shadow:0 0 0 .125rem #a855f733}.resource-sidebar-input-field:disabled{background:#ffffff05;cursor:not-allowed;opacity:.5}.resource-sidebar-send-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;border:none;border-radius:.75rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 .25rem .75rem #a855f74d;white-space:nowrap}.resource-sidebar-send-btn:hover:not(:disabled){transform:translateY(-.0625rem);box-shadow:0 .375rem 1rem #a855f766}.resource-sidebar-send-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}@media (max-width: 1200px){html{font-size:15px}}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}@media (max-width: 320px){html{font-size:12px}}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(#0000008c,#0000008c),url(/img/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:100dvh;display:flex;justify-content:center;align-items:center}#root{width:100%}
