:root{--color-primary:#3d93fb;--color-primary-dark:#031a40;--color-primary-hover:#4da3fb;--color-success:#4caf50;--color-success-dark:#2e7d32;--color-warning:#ffd54f;--color-warning-bg:#fff8e1;--color-error:#f44336;--color-error-bg:#ffebee;--color-text:#1a1a1a;--color-text-secondary:#555;--color-text-muted:#6b6b6b;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-bg:#fff;--color-bg-soft:#fafbfc;--color-bg-muted:#f9f9f9;--color-surface:#fff;--color-on-primary:#fff;--color-primary-soft:#f0f7ff;--color-border-brand:#e8eef5;--color-info:#1565c0;--color-info-bg:#e3f2fd;--color-success-bg:#e8f5e9;--color-warning-strong:#f59e0b;--color-warning-text:#8d6e00;--color-error-text:#c62828;--color-accent-orange:#ef6c00;--color-accent-purple:#8e24aa;--color-accent-pink:#d81b60;--color-accent-violet:#7c4dff;--gradient-hero:linear-gradient(135deg,#031a40,#1a4080 50%,#3d93fb);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.3;--line-height-base:1.6;--line-height-relaxed:1.8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 10px 40px #00000026;--shadow-primary:0 4px 15px #3d93fb59;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-primary-hover:linear-gradient(135deg,var(--color-primary-hover) 0%,#052a50 100%);--gradient-primary-soft:linear-gradient(135deg,#3d93fb14,#031a4014)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--line-height-base);min-height:100vh}html{scroll-padding-top:72px}button,input,select,textarea{font-family:inherit}:focus-visible{border-radius:3px;outline:3px solid var(--color-primary);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}button:has(>svg){align-items:center;display:inline-flex;gap:var(--space-2);justify-content:center}button>svg{flex-shrink:0}.App{flex-direction:column;min-height:100vh;min-height:100dvh}.App,.App-header{background:var(--color-surface);display:flex}.App-header{align-items:center;border-bottom:1px solid var(--color-border-brand);box-shadow:0 1px 8px #0000000f;color:var(--color-text);gap:var(--space-4);justify-content:space-between;padding:var(--space-2) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-logo{align-items:center;display:flex}.logo-image{height:44px;object-fit:contain;width:auto}.header-actions{justify-content:flex-end}.App-main,.header-actions{align-items:center;display:flex}.App-main{background:var(--color-bg-soft);flex:1 1;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-6) var(--space-4)}.App-footer{background:var(--color-surface);border-top:1px solid var(--color-border-brand);color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-4);text-align:center}.App-footer a{color:var(--color-primary);text-decoration:none}.App-footer a:hover{text-decoration:underline}.logo-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:0;transition:opacity var(--transition-fast)}.logo-btn:hover{opacity:.8}.logo-btn:active{opacity:.6}.logo-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.header-history-btn{align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-primary-dark);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-sm);font-weight:700;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);transition:border-color var(--transition-fast);white-space:nowrap}.header-history-btn:hover{border-color:var(--color-primary)}.header-history-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.step-nav{align-items:center;display:flex;gap:var(--space-3);max-width:560px;width:100%}.step-back-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark);cursor:pointer;display:inline-flex;flex-shrink:0;font:inherit;font-size:var(--font-size-sm);font-weight:700;gap:var(--space-1);min-height:44px;padding:var(--space-2) var(--space-3)}.step-back-btn:hover{color:var(--color-primary)}.step-list{display:flex;flex:1 1;gap:var(--space-2);list-style:none;margin:0;padding:0}.step-item{color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1)}.step-item:before{background:var(--color-border);border-radius:var(--radius-full);content:"";height:4px;transition:background var(--transition-base)}.step-item--current:before,.step-item--done:before{background:var(--color-primary)}.step-item--current{color:var(--color-primary-dark);font-weight:800}@media (max-width:768px){.App-header{padding:var(--space-2) var(--space-4)}.logo-image{height:36px}.App-main{justify-content:flex-start;padding:var(--space-4)}}@media (max-width:480px){.step-item:not(.step-item--current) .step-label{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.step-item--current{flex:3 1;white-space:nowrap}}.error-boundary{align-items:center;background:var(--color-bg-soft);display:flex;justify-content:center;min-height:100vh;padding:1rem}.error-boundary__card{background:var(--color-surface);border-radius:16px;box-shadow:0 10px 40px #0000001f;max-width:480px;padding:3rem 2rem;text-align:center;width:100%}.error-boundary__icon{color:var(--color-warning-strong);display:flex;justify-content:center;margin-bottom:1rem}.error-boundary__title{color:var(--color-primary-dark);font-size:1.5rem;font-weight:800;margin-bottom:.75rem}.error-boundary__message{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.error-boundary__detail{background:var(--color-bg-muted);border-radius:8px;color:var(--color-error-text);font-size:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-all}.error-boundary__btn{background:var(--gradient-primary);border:none;border-radius:50px;color:var(--color-on-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:filter .2s}.error-boundary__btn:hover{filter:brightness(1.1)}.interview-panel{max-width:820px;width:100%}.panel-card{animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:1.5rem;padding:var(--space-6,1.5rem)}.panel-header{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--color-border-light,#f0f0f0);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding-bottom:1rem;padding-bottom:var(--space-4,1rem)}.panel-header h2{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.interview-info{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem)}.info-badge{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--color-on-primary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;padding:.35rem .9rem}.progress-section{margin-top:1rem;margin-top:var(--space-4,1rem)}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.progress-label{color:#555;color:var(--color-text-secondary,#555);font-weight:500}.progress-label,.progress-percentage{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.progress-percentage{color:#031a40;color:var(--color-primary-dark,#031a40);font-weight:700}.progress-bar-container{background:#e0e0e0;background:var(--color-border,#e0e0e0);height:8px;overflow:hidden;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full,9999px)}.progress-bar-fill{background:linear-gradient(90deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(90deg,#3d93fb,#031a40));height:100%;position:relative;transition:width .3s ease-out}@media (prefers-reduced-motion:reduce){.panel-card{animation:none}}.question-section{margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem)}.question-layout{grid-gap:1rem;grid-gap:var(--space-4,1rem);align-items:start;display:grid;gap:1rem;gap:var(--space-4,1rem);grid-template-columns:1fr 2fr}.interviewer-3d-wrapper{width:100%}.question-card{align-items:center;background:#3d93fb0f;background:var(--gradient-primary-soft,#3d93fb0f);border:2px solid #3d93fb33;border-radius:16px;border-radius:var(--radius-lg,16px);flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);min-height:110px;padding:1.25rem;padding:var(--space-5,1.25rem);text-align:center}.question-card,.question-icon{display:flex;justify-content:center}.question-icon{color:var(--color-primary)}.question-text{color:#333;color:var(--color-text,#333);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;line-height:1.6;line-height:var(--line-height-base,1.6);margin:0}.listen-hint{color:#888;color:var(--color-text-muted,#888);margin:0}.listen-hint,.repeat-button{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.repeat-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 3px 10px #3d93fb4d;box-shadow:var(--shadow-primary,0 3px 10px #3d93fb4d);color:var(--color-on-primary);cursor:pointer;font-weight:600;padding:.45rem 1.1rem;transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.repeat-button:hover:not(:disabled){box-shadow:0 5px 16px #3d93fb73;transform:translateY(-2px)}.repeat-button:disabled{cursor:not-allowed;opacity:.55}.transcript-section{background:#f9f9f9;background:var(--color-bg-muted,#f9f9f9);border-left:4px solid #3d93fb;border-left:4px solid var(--color-primary,#3d93fb);border-radius:10px;border-radius:var(--radius-md,10px);margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding:1rem;padding:var(--space-4,1rem)}.transcript-label{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.transcript-text{color:#555;color:var(--color-text-secondary,#555);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;line-height:var(--line-height-base,1.6)}.controls-section{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.status-indicator{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-dot--initializing{animation:pulse 2s infinite;background:var(--color-warning-strong)}.status-dot--ready{background:#4caf50;background:var(--color-success,#4caf50)}.status-dot--listening,.status-dot--processing{animation:pulse 1s infinite;background:#3d93fb;background:var(--color-primary,#3d93fb)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}.status-text{color:#555;color:var(--color-text-secondary,#555);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:500}.mic-error{background:#ffebee;background:var(--color-error-bg,#ffebee);border:1px solid #f44336;border:1px solid var(--color-error,#f44336);border-radius:6px;border-radius:var(--radius-sm,6px);color:#c62828;color:var(--color-error,#c62828);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.mic-error,.speaking-hint{font-size:.875rem;font-size:var(--font-size-sm,.875rem);text-align:center}.speaking-hint{color:#888;color:var(--color-text-muted,#888);font-style:italic}.control-buttons{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center;min-height:60px}.record-button{border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md,0 4px 16px #0000001a);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:.9rem 2rem;transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.record-button--start{background:var(--gradient-primary);color:var(--color-on-primary)}.record-button--start:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-2px)}.record-button--stop{animation:pulse-scale 1.5s infinite;background:var(--color-error-text);color:var(--color-on-primary)}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.record-button--stop{animation:none}.record-button:hover{transform:none}}.processing-indicator{align-items:center;color:#555;color:var(--color-text-secondary,#555);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.75rem;gap:var(--space-3,.75rem)}.spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-top-color:#3d93fb;border:3px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#3d93fb);height:28px;width:28px}.interview-complete-message{background:#4caf5014;border:2px solid #4caf50;border:2px solid var(--color-success,#4caf50);border-radius:10px;border-radius:var(--radius-md,10px);color:#2e7d32;color:var(--color-success-dark,#2e7d32);font-weight:600;padding:1.25rem;padding:var(--space-5,1.25rem);text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);justify-content:center}.cancel-button,.end-button{border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;padding:.55rem 1.25rem;transition:transform .15s,box-shadow .15s;transition:transform var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s)}.end-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));color:var(--color-on-primary)}.end-button:hover:not(:disabled){box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);transform:translateY(-2px)}.cancel-button{background:#f5f5f5;background:var(--color-bg-muted,#f5f5f5);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);color:#666;color:var(--color-text-secondary,#666)}.cancel-button:hover:not(:disabled){background:#e0e0e0;background:var(--color-border,#e0e0e0)}.cancel-button:disabled,.end-button:disabled{cursor:not-allowed;opacity:.45}.manual-transcript-section{background:#fff8e1;background:var(--color-warning-bg,#fff8e1);border:1px solid #ffd54f;border:1px solid var(--color-warning,#ffd54f);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);padding:1rem;padding:var(--space-4,1rem);width:100%}.manual-transcript-label{color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin:0}.manual-transcript-input{border:1px solid #ccc;border:1px solid var(--color-border,#ccc);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;font-family:inherit;font-size:1rem;font-size:var(--font-size-base,1rem);padding:.75rem;padding:var(--space-3,.75rem);resize:vertical;width:100%}.manual-transcript-input:focus{border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:1024px){.interview-panel{max-width:700px}}@media (max-width:768px){.question-layout{grid-template-columns:1fr}.interviewer-3d-wrapper{order:2}.question-card{order:1}.panel-card{padding:1rem;padding:var(--space-4,1rem)}.action-buttons{flex-direction:column}.record-button{width:100%}}@media (max-width:480px){.panel-header h2{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.question-text{font-size:1rem;font-size:var(--font-size-base,1rem)}}.input-mode-switch{display:flex;justify-content:center;margin-top:.75rem;margin-top:var(--space-3,.75rem)}.link-button{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#3d93fb;color:var(--color-primary,#3d93fb);cursor:pointer;font:inherit;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;min-height:44px;padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);text-decoration:underline;text-underline-offset:3px}.link-button:hover:not(:disabled){color:#031a40;color:var(--color-primary-dark,#031a40)}.link-button:focus-visible{outline:2px solid #3d93fb;outline:2px solid var(--color-primary,#3d93fb);outline-offset:2px}.link-button:disabled{cursor:not-allowed;opacity:.5}.init-error{text-align:center}.init-error p{color:#555;color:var(--color-text-secondary,#555);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.interview-complete-message p{align-items:center;display:inline-flex;gap:var(--space-2);margin:0}.interviewer-video-container{align-items:center;background:linear-gradient(135deg,#3d93fb0d,#031a400d);border:2px solid #3d93fb1a;border-radius:15px;display:flex;height:300px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.interviewer-video{height:100%;object-fit:cover;object-position:center;transform:scale(1.18);transform-origin:top left;width:100%}.video-placeholder{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;height:100%;justify-content:center}.placeholder-icon{font-size:3rem;margin-bottom:.5rem}.video-placeholder p{font-size:.9rem;margin:0}@media (max-width:768px){.interviewer-video-container{height:250px}}.interview-config{max-width:600px;width:100%}.config-card{animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2rem;padding:var(--space-8,2rem)}@media (prefers-reduced-motion:reduce){.config-card{animation:none}}.config-card h2{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);text-align:center}.config-description{color:#888;color:var(--color-text-muted,#888);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);text-align:center}.config-form{gap:1.25rem;gap:var(--space-5,1.25rem)}.config-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;gap:var(--space-2,.5rem)}.form-group label{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700}.optional-label{color:#888;color:var(--color-text-muted,#888);font-weight:400}.form-group input,.form-group select{background:#fff;background:var(--color-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);color:#333;color:var(--color-text,#333);font-family:inherit;font-size:1rem;font-size:var(--font-size-base,1rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:border-color .15s;transition:border-color var(--transition-fast,.15s);width:100%}.form-group input:focus,.form-group select:focus{border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);box-shadow:0 0 0 3px #3d93fb26;outline:2px solid var(--color-primary);outline-offset:2px}.form-group--error input,.form-group--error select{border-color:#f44336;border-color:var(--color-error,#f44336)}.field-error{color:#c62828;color:var(--color-error,#c62828);font-weight:600}.field-error,.field-hint{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.field-hint{color:#888;color:var(--color-text-muted,#888);line-height:1.4}.company-options{gap:.5rem;gap:var(--space-2,.5rem)}.company-option,.company-options{display:flex;flex-direction:column}.company-option{border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);cursor:pointer;gap:2px;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:border-color .15s,background .15s;transition:border-color var(--transition-fast,.15s),background var(--transition-fast,.15s)}.company-option:hover{background:#3d93fb0a}.company-option--selected,.company-option:hover{border-color:#3d93fb;border-color:var(--color-primary,#3d93fb)}.company-option--selected{background:#3d93fb0f}.company-option:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.company-option strong{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700}.company-option span{color:#888;color:var(--color-text-muted,#888);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.start-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);color:var(--color-on-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;margin-top:.5rem;margin-top:var(--space-2,.5rem);padding:1rem;padding:var(--space-4,1rem);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.start-button:hover{box-shadow:0 8px 24px #3d93fb66;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.company-option,.start-button{transition:none}.start-button:hover{transform:none}}.config-info{background:#3d93fb0f;border-radius:10px;border-radius:var(--radius-md,10px);color:#555;color:var(--color-text-secondary,#555);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-top:1.25rem;margin-top:var(--space-5,1.25rem);padding:1rem;padding:var(--space-4,1rem)}@media (max-width:480px){.config-card{padding:1.25rem;padding:var(--space-5,1.25rem)}.config-card h2{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}}.config-info p{align-items:flex-start;display:flex;gap:var(--space-2);margin:0}.config-info-icon{color:var(--color-warning-strong);flex-shrink:0;margin-top:1px}.feedback-panel{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6,1.5rem);max-width:960px;width:100%}.fb-hero{animation:slideIn .25s ease-out;background:var(--gradient-hero);border-radius:20px;border-radius:var(--radius-xl,20px);color:var(--color-on-primary);overflow:hidden;padding:2.5rem 2rem;padding:var(--space-10,2.5rem) var(--space-8,2rem);position:relative;text-align:center}@media (prefers-reduced-motion:reduce){.fb-hero{animation:none}}.fb-hero:before{background:radial-gradient(ellipse at 70% 30%,#ffffff14 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.fb-hero-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:3px solid #fff6;border-radius:50%;display:inline-flex;font-size:1.75rem;height:64px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4,1rem);width:64px}.fb-hero-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.fb-hero-sub{font-size:1rem;font-size:var(--font-size-base,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);opacity:.8}.fb-score-pill{align-items:center;background:#4caf50;background:var(--score-color,#4caf50);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 20px #00000040;display:inline-flex;gap:.4rem;margin-bottom:1rem;margin-bottom:var(--space-4,1rem);padding:.5rem 1.5rem}.fb-score-num{font-size:2rem;font-weight:900;line-height:1}.fb-score-denom{font-size:1rem;margin-top:.4rem;opacity:.8}.fb-score-label{border-left:1px solid #fff6;font-weight:700;letter-spacing:.08em;padding-left:.5rem;text-transform:uppercase}.fb-score-detail,.fb-score-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.fb-score-detail{line-height:1.6;margin:0 auto;max-width:560px;opacity:.75}.fb-body{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);align-items:start;display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:280px 1fr}.fb-skills-panel{background:var(--color-surface);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);padding:1.5rem;padding:var(--space-6,1.5rem);position:-webkit-sticky;position:sticky;top:1rem}.fb-panel-title{border-bottom:2px solid var(--color-border-light);color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:800;margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding-bottom:.75rem;padding-bottom:var(--space-3,.75rem)}.skill-bars{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.skill-bar-row{grid-gap:.5rem;grid-gap:var(--space-2,.5rem);align-items:center;display:grid;gap:.5rem;gap:var(--space-2,.5rem);grid-template-columns:110px 1fr 36px}.skill-bar-label{color:#555;color:var(--color-text-secondary,#555);font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-bar-track{background:var(--color-border-light);height:8px;overflow:hidden}.skill-bar-fill,.skill-bar-track{border-radius:9999px;border-radius:var(--radius-full,9999px)}.skill-bar-fill{height:100%;transition:width .8s ease}@media (prefers-reduced-motion:reduce){.skill-bar-fill{transition:none}}.skill-bar-pct{font-size:.75rem;font-weight:800;text-align:right}.fb-skills-note{color:#aaa;color:var(--color-text-muted,#aaa);font-size:.72rem;font-style:italic;margin:0;text-align:center}.fb-sections{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.fb-section{background:#f9f9f9;background:var(--bg,#f9f9f9);border-left:5px solid #3d93fb;border-left:5px solid var(--accent,#3d93fb);border-radius:16px;border-radius:var(--radius-lg,16px);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem);transition:box-shadow .2s}.fb-section:hover{box-shadow:0 2px 8px #00000012;box-shadow:var(--shadow-sm,0 2px 8px #00000012)}@media (prefers-reduced-motion:reduce){.fb-section{transition:none}}.fb-section-title{align-items:center;color:#031a40;color:var(--color-primary-dark,#031a40);display:flex;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:800;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.fb-section-icon{color:var(--accent);display:inline-flex}.fb-section-body{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.fb-para{line-height:1.75;margin:0}.fb-list-item,.fb-para{color:#333;color:var(--color-text,#333);font-size:1rem;font-size:var(--font-size-base,1rem)}.fb-list-item{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3,.75rem);line-height:1.6}.fb-bullet{color:#3d93fb;color:var(--accent,#3d93fb);margin-top:2px}.fb-bullet,.fb-num{flex-shrink:0;font-weight:800}.fb-num{align-items:center;background:#3d93fb;background:var(--accent,#3d93fb);border-radius:50%;color:var(--color-on-primary);display:inline-flex;font-size:.72rem;height:22px;justify-content:center;margin-top:1px;width:22px}.fb-quote{background:#0000000a;border-radius:4px;color:#555;color:var(--color-text-secondary,#555);font-style:italic;padding:.1em .4em}.fb-download-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--color-error-text);font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);text-align:center}.fb-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4,1rem);justify-content:center}.fb-btn-primary{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 16px #3d93fb59;color:var(--color-on-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:1rem 2rem;padding:var(--space-4,1rem) var(--space-8,2rem);transition:transform .2s,box-shadow .2s}.fb-btn-primary:hover{box-shadow:0 8px 24px #3d93fb73;transform:translateY(-2px)}.fb-btn-secondary{background:var(--color-surface);border:2px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#031a40;color:var(--color-primary-dark,#031a40);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:calc(1rem - 2px) 2rem;padding:calc(var(--space-4, 1rem) - 2px) var(--space-8,2rem);transition:border-color .2s,background .2s}.fb-btn-secondary:hover:not(:disabled){background:var(--color-primary-soft);border-color:#3d93fb;border-color:var(--color-primary,#3d93fb)}.fb-btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.fb-btn-primary,.fb-btn-secondary{transition:none}.fb-btn-primary:hover{transform:none}}.fb-tips{background:var(--color-surface);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);padding:1.5rem;padding:var(--space-6,1.5rem)}.fb-tips-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:800;margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);text-align:center}.fb-tips-grid{grid-gap:.75rem;grid-gap:var(--space-3,.75rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.fb-tip-card,.fb-tips-grid{gap:.75rem;gap:var(--space-3,.75rem)}.fb-tip-card{align-items:flex-start;background:#fafbfc;background:var(--color-bg-soft,#fafbfc);border:1px solid var(--color-border-light);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.fb-tip-icon{color:var(--color-primary);display:inline-flex;flex-shrink:0;margin-top:1px}.fb-tip-text{color:#555;color:var(--color-text-secondary,#555);font-size:.82rem;line-height:1.5;margin:0}@media (max-width:768px){.fb-body{grid-template-columns:1fr}.fb-skills-panel{position:static}.fb-hero{padding:2rem 1.25rem;padding:var(--space-8,2rem) var(--space-5,1.25rem)}.fb-actions{align-items:stretch;flex-direction:column}.fb-btn-primary,.fb-btn-secondary{text-align:center}.fb-tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.fb-hero-title{font-size:1.4rem}.fb-score-num{font-size:1.6rem}}.fb-tips-title{align-items:center;display:flex;gap:var(--space-2)}.fb-tips-title svg{color:var(--color-warning-strong)}.fb-spin{animation:fb-spin .8s linear infinite}@keyframes fb-spin{to{transform:rotate(1turn)}}.package-picker{border-top:1px solid var(--color-border-light);padding-top:var(--space-5)}.package-title{color:var(--color-primary-dark);font-size:var(--font-size-lg);font-weight:800;margin-bottom:var(--space-1);text-align:center}.package-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4);text-align:center}.package-options{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-4)}.package-option{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-2);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.package-option--selected,.package-option:hover{border-color:var(--color-primary)}.package-option--selected{background:var(--gradient-primary-soft);box-shadow:0 0 0 1px var(--color-primary)}.package-option:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.package-name{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.package-interviews{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:700}.package-price{font-feature-settings:"tnum";color:var(--color-primary-dark);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:800}.package-email-label,.package-unit{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.package-email-label{display:block;font-weight:700;letter-spacing:.06em;margin-bottom:var(--space-2);text-transform:uppercase}.package-email{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-base);margin-bottom:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);width:100%}.package-email:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:1px}.package-buy-btn{background:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary-dark);cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);width:100%}.package-buy-btn:hover:not(:disabled){background:var(--gradient-primary-soft)}.package-buy-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.package-buy-btn:disabled{cursor:not-allowed;opacity:.5}.package-contact{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-2);margin-top:var(--space-4);text-align:center}@media (max-width:420px){.package-options{grid-template-columns:1fr}.package-option{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left}.package-price{order:3}.package-unit{width:100%}}@media (prefers-reduced-motion:reduce){.package-option{transition:none}}.access-code-entry{max-width:480px;width:100%}.code-entry-card{animation:slideIn .25s ease-out;background:var(--color-surface);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2.5rem 2rem;padding:var(--space-10,2.5rem) var(--space-8,2rem)}@media (prefers-reduced-motion:reduce){.code-entry-card{animation:none}}.code-hero{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);text-align:center}.code-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:clamp(1.4rem,4vw,1.75rem);font-weight:800;line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.code-subtitle{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.6;margin:0 auto;max-width:320px}.code-benefits{background:#3d93fb0a;border:1px solid #3d93fb1f;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);padding:1rem;padding:var(--space-4,1rem)}.code-benefit{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.code-benefit-icon{color:var(--color-primary);display:grid;flex-shrink:0;place-items:center;width:28px}.code-benefit-text{color:#555;color:var(--color-text-secondary,#555);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500}.code-form{gap:1rem;gap:var(--space-4,1rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.code-form,.code-input-wrapper{display:flex;flex-direction:column}.code-input-wrapper{gap:.5rem;gap:var(--space-2,.5rem)}.code-input-label{color:#888;color:var(--color-text-muted,#888);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.code-input{background:#fafbfc;background:var(--color-bg-soft,#fafbfc);border:2px solid #e0e0e0;border:2px solid var(--color-border,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);color:#031a40;color:var(--color-primary-dark,#031a40);font-family:Montserrat,monospace,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:6px;padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem);text-align:center;text-transform:uppercase;transition:border-color .15s,box-shadow .15s,background .15s;transition:border-color var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s),background var(--transition-fast,.15s);width:100%}.code-input::placeholder{color:var(--color-text-muted);font-weight:400;letter-spacing:4px}.code-input:focus{background:var(--color-surface);border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);box-shadow:0 0 0 4px #3d93fb1a;outline:2px solid var(--color-primary);outline-offset:2px}.code-input--error{background:var(--color-error-bg);border-color:#f44336;border-color:var(--color-error,#f44336)}.code-input--error:focus{box-shadow:0 0 0 4px #f4433614}.code-notice{background:var(--color-info-bg);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--color-info);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.code-notice--success{background:var(--color-success-bg);color:var(--color-success-dark);font-weight:600}.code-error,.code-notice--error{background:var(--color-error-bg);color:var(--color-error-text)}.code-error{align-items:center;animation:shake .35s ease;border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.code-error{animation:none}}.code-submit-btn{align-items:center;background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);color:var(--color-on-primary);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;letter-spacing:.02em;padding:1rem;padding:var(--space-4,1rem);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s);width:100%}.code-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px #3d93fb73;transform:translateY(-2px)}.code-submit-btn:active:not(:disabled){transform:translateY(0)}.code-submit-btn:disabled{cursor:not-allowed;opacity:.45}.code-submit-btn:focus-visible{outline:3px solid #3d93fb;outline:3px solid var(--color-primary,#3d93fb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.code-submit-btn{transition:none}.code-submit-btn:hover{transform:none}}.code-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top:2px solid var(--color-on-primary);display:inline-block;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.code-spinner{animation:none;border-color:var(--color-on-primary)}}.code-history-link{background:none;border:none;color:#3d93fb;color:var(--color-primary,#3d93fb);cursor:pointer;display:block;font:inherit;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;margin:0 auto;min-height:44px;padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);text-decoration:underline;text-underline-offset:3px}.code-history-link:focus-visible{outline:2px solid #3d93fb;outline:2px solid var(--color-primary,#3d93fb);outline-offset:2px}.code-contact{border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border-light,#f0f0f0);padding-top:1.25rem;padding-top:var(--space-5,1.25rem);text-align:center}.code-contact-label{color:#aaa;color:var(--color-text-muted,#aaa);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;letter-spacing:.07em;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);text-transform:uppercase}.code-contact-link{align-items:center;background:#3d93fb08;border:1.5px solid #3d93fb40;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#3d93fb;color:var(--color-primary,#3d93fb);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1.25rem;padding:var(--space-2,.5rem) var(--space-5,1.25rem);text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;transition:background var(--transition-fast,.15s),border-color var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s)}.code-contact-link:hover{background:#3d93fb14;border-color:#3d93fb;border-color:var(--color-primary,#3d93fb);box-shadow:0 2px 12px #3d93fb26;text-decoration:none}@media (max-width:480px){.code-entry-card{padding:1.5rem;padding:var(--space-6,1.5rem)}.code-title{font-size:1.35rem}.code-input{font-size:1.25rem;letter-spacing:4px}.code-benefits{gap:.75rem;gap:var(--space-3,.75rem)}}.interviewer-selection{max-width:680px;width:100%}.selection-card{animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2rem;padding:var(--space-8,2rem)}@media (prefers-reduced-motion:reduce){.selection-card{animation:none}}.selection-card h2{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);text-align:center}.selection-description{color:#888;color:var(--color-text-muted,#888);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5;text-align:center}.interviewer-options,.selection-description{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.interviewer-options{grid-gap:1rem;grid-gap:var(--space-4,1rem);display:grid;gap:1rem;gap:var(--space-4,1rem);grid-template-columns:1fr 1fr}.interviewer-card{background:#fff;background:var(--color-bg,#fff);border:3px solid #e0e0e0;border:3px solid var(--color-border,#e0e0e0);border-radius:16px;border-radius:var(--radius-lg,16px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;transition:border-color .25s,transform .25s,box-shadow .25s;transition:border-color var(--transition-base,.25s),transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s)}.interviewer-card:hover{box-shadow:0 8px 24px #3d93fb33;transform:translateY(-4px)}.interviewer-card--selected,.interviewer-card:hover{border-color:#3d93fb;border-color:var(--accent,#3d93fb)}.interviewer-card--selected{box-shadow:0 0 0 2px #3d93fb,0 8px 24px #3d93fb33;box-shadow:0 0 0 2px var(--accent,#3d93fb),0 8px 24px #3d93fb33}@media (prefers-reduced-motion:reduce){.interviewer-card{transition:none}.interviewer-card:hover{transform:none}}.interviewer-video-wrapper{aspect-ratio:4/3;background:var(--color-bg-soft);overflow:hidden;position:relative;width:100%}.interviewer-preview-video{display:block;height:100%;object-fit:cover;transform:scale(1.18);transform-origin:top left;width:100%}.interviewer-selected-badge{align-items:center;background:#3d93fb;background:var(--accent,#3d93fb);border-radius:50%;box-shadow:0 2px 8px #00000040;color:var(--color-on-primary);display:flex;font-size:.95rem;font-weight:800;height:28px;justify-content:center;position:absolute;right:.6rem;top:.6rem;width:28px}.interviewer-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);padding:1rem;padding:var(--space-4,1rem)}.interviewer-name{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:800}.interviewer-role{color:#3d93fb;color:var(--accent,#3d93fb);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.interviewer-desc{color:#555;color:var(--color-text-secondary,#555);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5;margin:.25rem 0 0;margin:var(--space-1,.25rem) 0 0}.continue-button{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--color-on-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:700;padding:1rem;padding:var(--space-4,1rem);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-base,.25s),box-shadow var(--transition-base,.25s);width:100%}.continue-button:hover:not(:disabled){box-shadow:0 5px 20px #3d93fb66;box-shadow:var(--shadow-primary,0 5px 20px #3d93fb66);transform:translateY(-2px)}.continue-button:disabled{cursor:not-allowed;opacity:.4}.continue-button:active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.continue-button{transition:none}.continue-button:hover{transform:none}}@media (max-width:600px){.interviewer-options{grid-template-columns:1fr}.selection-card{padding:1.25rem;padding:var(--space-5,1.25rem)}}.welcome-screen{max-width:560px;width:100%}.welcome-card{animation:slideIn .25s ease-out;background:var(--color-surface);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);padding:2.5rem 2rem;padding:var(--space-10,2.5rem) var(--space-8,2rem)}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.welcome-card{animation:none}}.welcome-hero{margin-bottom:2rem;margin-bottom:var(--space-8,2rem);text-align:center}.welcome-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.welcome-subtitle{color:#555;color:var(--color-text-secondary,#555);font-size:1rem;line-height:1.6;margin:0 auto;max-width:380px}.welcome-steps{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);list-style:none;margin:0 0 2rem;margin:0 0 var(--space-8,2rem);padding:0}.welcome-step{align-items:flex-start;background:#3d93fb0d;background:var(--gradient-primary-soft,#3d93fb0d);border:1px solid #3d93fb26;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;gap:1rem;gap:var(--space-4,1rem);padding:1rem;padding:var(--space-4,1rem)}.step-icon{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-primary);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.step-content{display:flex;flex-direction:column;gap:2px}.step-number{color:#3d93fb;color:var(--color-primary,#3d93fb);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.step-title{color:#031a40;color:var(--color-primary-dark,#031a40);font-size:.95rem;font-weight:700}.step-desc{color:#555;color:var(--color-text-secondary,#555);font-size:var(--font-size-sm);line-height:1.5;margin:0}.welcome-cta{text-align:center}.welcome-start-btn{background:linear-gradient(135deg,#3d93fb,#031a40);background:var(--gradient-primary,linear-gradient(135deg,#3d93fb,#031a40));border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 15px #3d93fb59;box-shadow:var(--shadow-primary,0 4px 15px #3d93fb59);color:var(--color-on-primary);cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);padding:1rem 2rem;padding:var(--space-4,1rem) var(--space-8,2rem);transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-base,.25s ease),box-shadow var(--transition-base,.25s ease);width:100%}.welcome-start-btn:hover{box-shadow:0 8px 24px #3d93fb73;transform:translateY(-2px)}.welcome-start-btn:active{transform:translateY(0)}.welcome-start-btn:focus-visible{outline:3px solid #3d93fb;outline:3px solid var(--color-primary,#3d93fb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.welcome-start-btn{transition:none}.welcome-start-btn:hover{transform:none}}.welcome-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}@media (max-width:480px){.welcome-card{padding:1.5rem;padding:var(--space-6,1.5rem)}.welcome-title{font-size:1.5rem}}.history-panel{max-width:640px;width:100%}.history-card{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8) var(--space-6)}.history-header{margin-bottom:var(--space-6);text-align:center}.history-header h2{color:var(--color-primary-dark);font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-1)}.history-sub{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.history-stats{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin:0 0 var(--space-4)}.history-stat{background:var(--gradient-primary-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center}.history-stat dt{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.history-stat dd{font-feature-settings:"tnum";color:var(--color-primary-dark);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:800;margin:var(--space-1) 0 0}.history-delta--up{color:var(--color-success-dark)!important}.history-delta--down{color:var(--color-error-text)!important}.history-insight{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-5);text-align:center}.history-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0 0 var(--space-6);padding:0}.history-item{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font:inherit;gap:var(--space-3);justify-content:space-between;min-height:56px;padding:var(--space-3) var(--space-4);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.history-item:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-primary)}.history-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.history-item:disabled{cursor:default;opacity:.7}.history-item-main{display:flex;flex-direction:column;min-width:0}.history-item-title{color:var(--color-text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.history-score{font-feature-settings:"tnum";border-radius:var(--radius-full);flex-shrink:0;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:800;padding:var(--space-1) var(--space-3)}.history-score--high{background:var(--color-success-bg);color:var(--color-success-dark)}.history-score--mid{background:var(--color-warning-bg);color:var(--color-warning-text)}.history-score--low{background:var(--color-error-bg);color:var(--color-error-text)}.history-score--none{background:var(--color-bg-muted);color:var(--color-text-secondary);font-weight:600}.history-empty{color:var(--color-text-secondary);margin-bottom:var(--space-6);text-align:center}.history-empty h2{color:var(--color-primary-dark);margin-bottom:var(--space-2)}.history-empty p{margin-bottom:var(--space-4)}.history-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.history-btn-primary,.history-btn-secondary{border-radius:var(--radius-full);cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:var(--space-3) var(--space-8)}.history-btn-primary{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-primary);color:var(--color-on-primary)}.history-btn-secondary{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-primary-dark)}.history-btn-primary:focus-visible,.history-btn-secondary:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.history-no-uses{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.history-skeleton{animation:history-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-bg-muted) 50%,var(--color-border-light) 75%);background-size:200% 100%;border-radius:var(--radius-md);height:56px;margin-bottom:var(--space-2)}@keyframes history-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:520px){.history-card{padding:var(--space-6) var(--space-4)}.history-stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.history-skeleton{animation:none}.history-item{transition:none}}
/*# sourceMappingURL=main.4ff39d8b.css.map*/