:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.onboarding-content{max-width:600px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:40px 32px;text-align:center}.welcome-title{color:#2a3b4d;font-size:2.2rem;margin-bottom:16px;font-weight:600}.welcome-message{color:#5a6c7d;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.welcome-message p{margin:8px 0}.device-test-section{margin-bottom:32px}.test-item{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:16px;text-align:left}.test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.test-header h3{margin:0;color:#2a3b4d;font-size:1.2rem}.status-indicator{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;min-width:60px;text-align:center}.status-indicator.pending{background:#e3f2fd;color:#1976d2}.status-indicator.active{background:#fff3e0;color:#f57c00}.status-indicator.success{background:#e8f5e8;color:#2e7d32}.status-indicator.error{background:#ffebee;color:#d32f2f}.status-indicator.testing{background:#f3e5f5;color:#7b1fa2}.test-description{color:#6c757d;margin-bottom:16px;font-size:.95rem;line-height:1.5}.test-button{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:500}.test-button:hover:not(:disabled){background:#125ea7;transform:translateY(-1px)}.test-button:disabled{background:#9e9e9e;cursor:not-allowed;transform:none}.test-button.active{background:#2e7d32}.test-button.active:hover{background:#1b5e20}.test-button.completed{background:#4caf50;cursor:default}.test-button.completed:hover{background:#4caf50;transform:none}.progress-section{margin-bottom:32px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#1976d2,#2196f3);border-radius:4px;transition:width .3s ease;width:0%}.progress-text{color:#5a6c7d;font-size:.95rem;margin:0}.proceed-button{background:#4caf50;color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:280px}.proceed-button:hover:not(:disabled){background:#388e3c;transform:translateY(-2px);box-shadow:0 4px 16px #4caf504d}.proceed-button:disabled{background:#bdbdbd;color:#757575;cursor:not-allowed;transform:none;box-shadow:none}.completion-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#66bb6a);padding:20px}.completion-content{max-width:700px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;padding:48px 40px;text-align:center}.completion-title{color:#2e7d32;font-size:2.5rem;margin-bottom:24px;font-weight:600}.completion-message{color:#424242;font-size:1.1rem;line-height:1.7;margin-bottom:40px}.completion-message .main-message{font-size:1.2rem;font-weight:500;color:#1976d2;margin-bottom:16px}.next-steps-section{background:#f8f9fa;border-radius:16px;padding:32px;margin-bottom:32px;text-align:left}.section-title{color:#2a3b4d;font-size:1.3rem;margin-bottom:24px;text-align:center}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;align-items:flex-start;gap:16px}.step-icon{font-size:2rem;flex-shrink:0}.step-content h4{color:#2a3b4d;font-size:1.1rem;margin:0 0 8px}.step-content p{color:#5a6c7d;margin:0;line-height:1.5}.important-notes{background:#fff3cd;border:1px solid #ffecb5;border-radius:12px;padding:24px;margin-bottom:32px;text-align:left}.important-notes .section-title{color:#856404;margin-bottom:16px}.notes-list{color:#856404;margin:0;padding-left:24px;line-height:1.7}.notes-list li{margin-bottom:8px}.completion-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.primary-button,.secondary-button{padding:14px 32px;font-size:1.1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;min-width:200px}.primary-button{background:#1976d2;color:#fff}.primary-button:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.secondary-button{background:#e0e0e0;color:#424242}.secondary-button:hover{background:#d5d5d5;transform:translateY(-1px)}@media (max-width: 640px){.completion-content{padding:32px 24px}.completion-title{font-size:2rem}.steps-list{gap:24px}.step-icon{font-size:1.5rem}.completion-actions{flex-direction:column;width:100%}.primary-button,.secondary-button{width:100%}}.prompt-configuration{margin:16px 0;padding:16px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.prompt-section{margin-bottom:0}.prompt-label{display:block;margin-bottom:4px;font-weight:700;color:#333}.prompt-textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:13px;line-height:1.4;resize:vertical;background-color:#f5f5f5;color:#666;cursor:not-allowed}.prompt-textarea:focus{outline:none;border-color:#ccc;box-shadow:none}.prompt-notice{margin-top:4px;color:#b00;font-size:.95em;font-style:italic}.session-preparation{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f3f4ff,#eef2ff)}.session-preparation__card{width:min(640px,100%);background:#fff;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 20px 45px #4f46e51f;text-align:center}.session-preparation__indicator{display:flex;flex-direction:column;align-items:center;gap:1rem}.session-preparation__spinner{width:64px;height:64px;border-radius:50%;border:6px solid rgba(99,102,241,.15);border-top-color:#6366f1;animation:session-preparation-spin 1s linear infinite}.session-preparation__status{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.session-preparation__lead{margin:1.25rem auto 1.75rem;line-height:1.75;color:#374151;font-size:1rem;max-width:480px}.session-preparation__tips{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.75rem;color:#4b5563;font-size:.95rem}.session-preparation__tips li:before{content:"•";color:#4f46e5;font-weight:700;margin-right:.4rem}.session-preparation__contact{margin:0;color:#4b5563;font-size:.95rem}.session-preparation__contact a{color:#4f46e5;text-decoration:none}.session-preparation__contact a:hover,.session-preparation__contact a:focus{text-decoration:underline}@keyframes session-preparation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.session-preparation__card{padding:2rem 1.5rem}.session-preparation__status{font-size:1.25rem}.session-preparation__lead,.session-preparation__tips,.session-preparation__contact{font-size:.9rem}}.session-expired{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#fff5f5,#fef2f2)}.session-expired__card{width:min(640px,100%);background:#fff;border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 20px 45px #dc26261f}.session-expired__icon{font-size:3rem;line-height:1;margin-bottom:1.25rem}.session-expired__title{margin:0;font-size:1.8rem;color:#b91c1c}.session-expired__message{margin:1.25rem auto 1.75rem;color:#374151;line-height:1.7;max-width:480px;font-size:1rem}.session-expired__tips{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.75rem;color:#4b5563;font-size:.95rem}.session-expired__tips li:before{content:"•";color:#ef4444;font-weight:700;margin-right:.4rem}.session-expired__contact{margin:0;color:#4b5563;font-size:.95rem}.session-expired__contact a{color:#ef4444;text-decoration:none}.session-expired__contact a:hover,.session-expired__contact a:focus{text-decoration:underline}@media (max-width: 600px){.session-expired__card{padding:2rem 1.5rem}.session-expired__title{font-size:1.5rem}.session-expired__message,.session-expired__tips,.session-expired__contact{font-size:.9rem}}.container{max-width:700px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:32px 24px 24px}.container h1{text-align:center;color:#2a3b4d;margin-bottom:18px}.session-info{background:#f1f8e9;border-radius:8px;padding:16px 20px;margin-bottom:24px;color:#2a3b4d;line-height:1.6}.session-info p{margin:4px 0}.session-info strong{color:#1b5e20;margin-right:6px}.session-info__description{margin-top:12px}.session-info__description-toggle{background:transparent;border:none;color:#1b5e20;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.session-info__description-toggle:hover,.session-info__description-toggle:focus{text-decoration:none;outline:none}.session-info__description-body{margin-top:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid rgba(46,125,50,.2)}.session-info__description-body strong{display:block;margin-bottom:6px;color:#1b5e20}.session-info__description-body span{display:block;color:#37474f;white-space:pre-wrap}.instructions{background:#eaf1fb;border-radius:8px;padding:16px 20px;margin-bottom:24px;color:#234;font-size:1rem}.instructions ol{margin:0;padding-left:20px}.instructions li{margin-bottom:6px}.interviewer-section{margin-bottom:24px;background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e8f5e8}.interviewer-title{color:#2e7d32;font-size:1.1rem;margin:0 0 16px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.interviewer-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.interviewer-placeholder{text-align:center;color:#666}.interviewer-icon{font-size:3rem;margin-bottom:12px;opacity:.7}.interviewer-message{font-size:1rem;margin:0;color:#555;font-weight:500}.screen-preview-section{margin-bottom:24px;background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e3f2fd}.screen-preview-title{color:#1976d2;font-size:1.1rem;margin:0 0 16px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.screen-preview-title:before{content:"🖥️";font-size:1.2rem}.screen-preview-container{display:flex;justify-content:center;align-items:center}.screen-preview-container video{width:100%;max-width:600px;height:auto;border-radius:8px;background:#222;box-shadow:0 2px 12px #00000026;border:1px solid #ddd}.button-group{display:flex;justify-content:center;gap:14px;margin-bottom:18px}.button-group button{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:1rem;cursor:pointer;transition:background .2s}.button-group button:hover{background:#125ea7}.button-group button:disabled{background:#9e9e9e;cursor:not-allowed}.button-group button.active{background:#4caf50}.button-group button.active:hover{background:#388e3c}.button-group button.error{background:#f44336}.button-group button.error:hover{background:#d32f2f}#output{min-height:24px;color:#d32f2f;text-align:center;margin-top:8px;font-size:1rem}.status-panel{background:#f5f5f5;border-radius:8px;padding:16px;margin-top:16px}.status-panel h3{margin:0 0 12px;color:#2a3b4d;font-size:1.1rem}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#666}.status-value{font-weight:500;color:#333}.status-value.active{color:#2e7d32}.status-value.inactive{color:#9e9e9e}.transcript-display{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-top:16px;max-height:200px;overflow-y:auto}.transcript-display h3{margin:0 0 12px;color:#2a3b4d;font-size:1.1rem}.transcript-empty{color:#9e9e9e;text-align:center;font-style:italic}.transcript-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.transcript-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-role{font-weight:600;color:#1976d2;margin-bottom:4px}.transcript-text{color:#424242;line-height:1.4}.interview-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}@media (max-width: 768px){.container{margin:20px;padding:20px}.button-group{flex-direction:column;gap:10px}.button-group button{width:100%}.interviewer-container{min-height:150px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}