@import"https://fonts.googleapis.com/css2?family=Bree+Serif&family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&display=swap";.login-page{min-height:100vh;background-color:#f8fafc}.login-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background-color:#fff;border-style:solid;border-width:0;border-bottom-width:1px;border-color:#e2e8f0}.login-nav-brand{display:flex;align-items:center;gap:10px}.login-nav-icon{font-size:22px;color:#2563eb}.login-nav-name{font-family:"Bree Serif",serif;font-size:18px;font-weight:700;color:#0f172a}.login-hero{background-color:#0f172a;padding:56px 32px 72px;text-align:center}.login-hero-heading{font-family:"Bree Serif",serif;font-size:36px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}.login-hero-accent{color:#dbeafe}.login-hero-tagline{font-family:Roboto,sans-serif;font-size:16px;color:#94a3b8;margin:0 auto 32px;max-width:560px;line-height:1.6}.login-hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.login-hero-pill{display:flex;align-items:center;gap:8px;background-color:#1d4ed8;padding:8px 16px;border-radius:100px}.login-pill-icon{font-size:14px;color:#dbeafe}.login-pill-text{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#fff}.login-form-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:-40px;padding:0 24px 48px}.login-card{background-color:#fff;border-radius:16px;border-style:solid;border-width:1px;border-color:#e2e8f0;padding:0;width:100%;max-width:440px;overflow:hidden}.login-tabs{display:flex;border-style:solid;border-width:0;border-bottom-width:1px;border-color:#e2e8f0}.login-tab{flex-grow:1;padding:16px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;color:#64748b;background-color:#f8fafc;border-style:none;border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:transparent;cursor:pointer;text-align:center}.login-tab-active{color:#2563eb;background-color:#fff;border-bottom-color:#2563eb}.login-form{display:flex;flex-direction:column;gap:18px;padding:28px 32px 32px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#334155}.login-input{padding:12px 16px;border-style:solid;border-width:1px;border-color:#cbd5e1;border-radius:8px;font-family:Roboto,sans-serif;font-size:15px;color:#0f172a;background-color:#f8fafc;outline:none}.login-submit{width:100%;padding:14px;background-color:#2563eb;color:#fff;border-style:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;cursor:pointer;margin-top:4px}.login-submit-disabled{opacity:.5;cursor:not-allowed}.login-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px}.login-trust-item{display:flex;align-items:center;gap:8px}.login-trust-icon{font-size:16px;color:#2563eb}.login-trust-text{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#64748b}@media(max-width:768px){.login-hero{padding:40px 20px 64px}.login-hero-heading{font-size:28px}.login-hero-tagline{font-size:14px}.login-hero-features{gap:8px}.login-hero-pill{padding:6px 12px}.login-pill-text{font-size:12px}.login-form{padding:24px 20px 28px}.login-trust{flex-direction:column;align-items:center;gap:12px}}@media(max-width:480px){.login-nav{padding:12px 16px}.login-hero-heading{font-size:24px}.login-hero-features{flex-direction:column;align-items:center}}.navbar-container{display:flex;align-items:center;justify-content:space-between;background-color:#0f172a;padding:0 24px;height:60px}.navbar-left{display:flex;align-items:center;gap:32px}.navbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand-icon{color:#fff;font-size:24px}.brand-text{font-family:"Bree Serif",serif;font-size:18px;color:#fff}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{display:flex;align-items:center;gap:6px;text-decoration:none;font-family:Roboto,sans-serif;font-size:14px;color:#e2e8f0;padding:8px 14px;border-radius:6px}.nav-link-icon{font-size:18px}.nav-link-active{background-color:#dbeafe;color:#1d4ed8}.navbar-right{display:flex;align-items:center}.navbar-user-section{display:flex;align-items:center;gap:10px}.user-icon{color:#fff;font-size:16px}.user-name{font-family:Roboto,sans-serif;font-size:14px;color:#fff}.logout-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;color:#dc2626;padding:6px 10px;border-radius:6px}.logout-icon{font-size:16px}.protected-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px}.protected-loading-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b}.interview-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer}.interview-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.interview-card-role{font-family:"Bree Serif",serif;font-size:18px;color:#0f172a;margin:0}.interview-badge{font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.interview-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px}.interview-card-date,.interview-card-questions{font-family:Roboto,sans-serif;font-size:14px;color:#64748b}.interview-card-score{margin-bottom:12px}.score-value{font-family:"Bree Serif",serif;font-size:28px;font-weight:700}.score-label{font-family:Roboto,sans-serif;font-size:16px;color:#94a3b8;margin-left:2px}.interview-card-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #e2e8f0}.interview-card-delete{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;color:#dc2626;padding:4px 8px;border-radius:6px}.delete-icon{font-size:18px}.home-page{background-color:#f8fafc;min-height:100vh;padding:32px 40px}.home-welcome{margin-bottom:32px}.home-welcome-heading{font-family:"Bree Serif",serif;font-size:36px;color:#0f172a;margin:0 0 8px}.home-welcome-subtitle{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0}.home-stats-row{display:flex;gap:20px;margin-bottom:32px}.home-stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.home-stat-icon{font-size:24px;color:#2563eb}.home-stat-number{font-family:"Bree Serif",serif;font-size:48px;color:#2563eb;line-height:1}.home-stat-label{font-family:Roboto,sans-serif;font-size:14px;color:#64748b}.home-cta-container{margin-bottom:40px}.home-start-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;cursor:pointer}.home-start-icon{font-size:20px}.home-recent-section{margin-top:16px}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-section-heading{font-family:"Bree Serif",serif;font-size:24px;color:#0f172a;margin:0}.home-view-all-btn{background:none;border:none;color:#2563eb;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;cursor:pointer;padding:0}.home-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:16px}.home-loading-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0}.home-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:12px}.home-empty-icon{font-size:48px;color:#94a3b8}.home-empty-heading{font-family:"Bree Serif",serif;font-size:20px;color:#0f172a;margin:0}.home-empty-text{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0}.home-empty-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.home-interviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media(max-width:768px){.home-page{padding:24px 16px}.home-stats-row{flex-direction:column}.home-welcome-heading{font-size:28px}}.setup-page{background-color:#f8fafc;min-height:100vh;padding:32px 40px;display:flex;justify-content:center}.setup-container{width:100%;max-width:1000px}.setup-step-indicator{display:flex;gap:12px;margin-bottom:32px}.setup-step-badge{padding:8px 20px;border-radius:20px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;border:1px solid #cbd5e1;color:#64748b;background-color:#fff}.setup-step-active{background-color:#2563eb;color:#fff;border-color:#2563eb}.setup-section{margin-bottom:32px}.setup-section-heading{font-family:"Bree Serif",serif;font-size:20px;color:#0f172a;margin:0 0 20px}.setup-roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.setup-role-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;text-align:center}.setup-role-selected{border-color:#2563eb;background-color:#dbeafe}.setup-role-icon{font-size:28px;color:#2563eb}.setup-role-title{font-family:Roboto,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:0}.setup-role-desc{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0;line-height:1.4}.setup-difficulty-row{display:flex;gap:16px}.setup-difficulty-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;text-align:center}.setup-difficulty-selected{border-color:#2563eb;background-color:#dbeafe}.setup-difficulty-stars{display:flex;gap:4px;font-size:20px}.setup-star-filled{color:#2563eb}.setup-star-empty{color:#cbd5e1}.setup-difficulty-label{font-family:Roboto,sans-serif;font-size:16px;font-weight:700;color:#0f172a;margin:0}.setup-difficulty-desc{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0}.setup-resume-area{display:flex;justify-content:center}.setup-upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:48px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;width:100%;max-width:480px;text-align:center}.setup-upload-icon{font-size:40px;color:#64748b}.setup-upload-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0}.setup-resume-uploaded{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px}.setup-resume-info{display:flex;align-items:center;gap:12px}.setup-resume-file-icon{font-size:24px;color:#2563eb}.setup-resume-name{font-family:Roboto,sans-serif;font-size:16px;color:#0f172a;font-weight:600;margin:0}.setup-change-resume-btn{padding:8px 16px;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;color:#334155;cursor:pointer;font-weight:600}.setup-nav-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.setup-back-btn{padding:12px 28px;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:#334155;cursor:pointer}.setup-next-btn{padding:12px 28px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;cursor:pointer}.setup-start-btn{width:100%;padding:14px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;cursor:pointer}.setup-start-btn-disabled{opacity:.5;cursor:not-allowed}.setup-preparing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.setup-preparing-spinner{color:#2563eb;width:48px;height:48px}.setup-preparing-heading{font-family:"Bree Serif",serif;font-size:24px;color:#0f172a;margin:0}.setup-preparing-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0;max-width:480px}.setup-preparing-steps{display:flex;flex-direction:column;gap:12px;margin-top:16px}.setup-prep-step{display:flex;align-items:center;gap:10px}.setup-prep-step-icon-active{font-size:20px;color:#16a34a}.setup-prep-step-icon-pending{font-size:20px;color:#94a3b8}.setup-prep-step-text{font-family:Roboto,sans-serif;font-size:14px;color:#334155}.setup-preparing-hint{font-family:Roboto,sans-serif;font-size:14px;color:#94a3b8;margin:8px 0 0}@media(max-width:768px){.setup-page{padding:24px 16px}.setup-difficulty-row{flex-direction:column}.setup-step-indicator{flex-wrap:wrap}}.voice-recorder{display:flex;flex-direction:column;align-items:center;gap:16px}.vr-record-btn{display:flex;align-items:center;gap:8px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:Roboto,sans-serif;font-size:16px;cursor:pointer}.vr-record-btn-disabled{opacity:.5;cursor:not-allowed}.vr-btn-icon{font-size:18px}.vr-recording-area{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.vr-recording-status{display:flex;align-items:center;gap:8px}.vr-record-dot{color:#dc2626;font-size:20px}.vr-status-text{font-family:Roboto,sans-serif;font-size:16px;color:#dc2626;font-weight:600}.vr-timer{font-family:Roboto,sans-serif;font-size:14px;color:#334155}.vr-stop-btn{background-color:#dc2626;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:14px;cursor:pointer}.vr-preview{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.vr-preview-label{font-family:Roboto,sans-serif;font-size:14px;color:#334155;margin:0}.vr-audio-player{width:100%;max-width:400px}.vr-preview-duration{font-family:Roboto,sans-serif;font-size:13px;color:#64748b;margin:0}.vr-preview-actions{display:flex;align-items:center;gap:12px}.vr-rerecord-btn{background-color:#fff;color:#2563eb;border:1px solid #2563eb;border-radius:8px;padding:10px 20px;font-family:Roboto,sans-serif;font-size:14px;cursor:pointer}.vr-rerecord-btn-disabled{opacity:.5;cursor:not-allowed}.vr-submit-btn{display:flex;align-items:center;gap:8px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:Roboto,sans-serif;font-size:14px;cursor:pointer}.vr-submit-btn-disabled{opacity:.5;cursor:not-allowed}.code-editor-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.interview-layout{display:grid;grid-template-columns:2fr 3fr;grid-template-rows:60px 1fr 50px;grid-template-areas:"topbar topbar" "interviewer answer" "timeline timeline";min-height:100vh}.interview-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f8fafc;gap:12px}.interview-loading-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0}.interview-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:#fff;border-bottom:1px solid #e2e8f0}.topbar-left{display:flex;align-items:center;gap:16px;flex:1}.topbar-question-label{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap}.topbar-progress-track{flex:1;max-width:300px;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.topbar-progress-fill{height:100%;background-color:#2563eb;border-radius:4px}.topbar-right{display:flex;align-items:center}.topbar-end-btn{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;padding:8px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer}.topbar-end-btn-disabled{opacity:.5;cursor:not-allowed}.interviewer-panel{grid-area:interviewer;background-color:#f1f5f9;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.interviewer-avatar-block{display:flex;align-items:center;gap:14px}.interviewer-avatar-circle{width:80px;height:80px;border-radius:50%;background-color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.interviewer-avatar-icon{font-size:32px;color:#fff}.interviewer-avatar-info{display:flex;flex-direction:column;gap:2px}.interviewer-avatar-name{font-family:Roboto,sans-serif;font-size:18px;font-weight:700;color:#0f172a}.interviewer-avatar-role{font-family:Roboto,sans-serif;font-size:14px;color:#64748b}.interviewer-status-block{display:flex;align-items:center}.status-text{font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.status-speaking{color:#2563eb}.status-thinking-row{display:flex;align-items:center;gap:8px}.status-thinking{color:#d97706}.status-listening-row{display:flex;align-items:center;gap:8px}.status-listening-icon{font-size:14px;color:#16a34a}.status-listening{color:#16a34a}.status-farewell-row{display:flex;align-items:center;gap:8px}.status-farewell{color:#64748b}.interviewer-farewell-block{display:flex;flex-direction:column;gap:12px}.interviewer-farewell-text{font-family:Roboto,sans-serif;font-size:15px;color:#334155;line-height:1.6;margin:0}.interviewer-message-block{display:flex;flex-direction:column;gap:8px}.interviewer-message-text{font-family:Roboto,sans-serif;font-size:15px;color:#334155;line-height:1.6;margin:0}.interviewer-hear-again-link{background:none;border:none;padding:0;font-family:Roboto,sans-serif;font-size:14px;color:#2563eb;cursor:pointer;text-align:left;font-weight:600}.interviewer-question-callout{border-left:4px solid #2563eb;background-color:#f8fafc;padding:16px;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:10px}.question-callout-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.question-num-badge{font-family:Roboto,sans-serif;font-size:12px;font-weight:700;color:#fff;background-color:#2563eb;padding:2px 10px;border-radius:12px}.question-type-badge{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#2563eb;background-color:#dbeafe;padding:2px 10px;border-radius:12px}.question-code-badge{display:flex;align-items:center;gap:4px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#0f172a;background-color:#e2e8f0;padding:2px 10px;border-radius:12px}.question-code-icon{font-size:12px}.question-callout-text{font-family:Roboto,sans-serif;font-size:15px;color:#0f172a;line-height:1.6;margin:0;font-weight:500}.answer-panel{grid-area:answer;background-color:#fff;padding:24px;border-left:1px solid #e2e8f0;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.voice-answer-block{display:flex;flex-direction:column;gap:16px}.voice-block-header{display:flex;align-items:flex-start;gap:12px}.voice-block-title{font-family:"Bree Serif",serif;font-size:18px;color:#0f172a;margin:0}.voice-block-desc{font-family:Roboto,sans-serif;font-size:13px;color:#64748b;margin:4px 0 0}.voice-block-area{display:flex;flex-direction:column;align-items:center;gap:12px}.processing-indicator{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}.processing-text{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0}.text-fallback-block{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.text-fallback-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f8fafc;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;color:#334155}.text-fallback-toggle-label{display:flex;align-items:center;gap:8px}.text-fallback-icon{font-size:16px;color:#64748b}.toggle-arrow-open,.toggle-arrow-closed{font-size:10px;color:#64748b}.text-answer-block{padding:16px;display:flex;flex-direction:column;gap:12px}.text-answer-textarea{width:100%;padding:12px;font-family:Roboto,sans-serif;font-size:14px;color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;resize:vertical;box-sizing:border-box}.text-answer-textarea-disabled{opacity:.5;cursor:not-allowed}.submit-text-btn{align-self:flex-end;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;padding:10px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.submit-text-btn-disabled{opacity:.5;cursor:not-allowed}.code-answer-block{display:flex;flex-direction:column;gap:16px}.code-block-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.code-block-title{display:flex;align-items:center;gap:8px;font-family:"Bree Serif",serif;font-size:18px;color:#0f172a;margin:0}.code-title-icon{font-size:20px;color:#2563eb}.code-language-select{font-family:Roboto,sans-serif;font-size:13px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;color:#334155;background-color:#fff}.code-snippet-box{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.code-snippet-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:700;color:#0f172a;margin:0 0 8px}.code-snippet-pre{font-family:monospace;font-size:13px;color:#334155;margin:0;white-space:pre-wrap;word-break:break-word}.submit-code-btn{align-self:flex-end;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;padding:10px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.submit-code-btn-disabled{opacity:.5;cursor:not-allowed}.explain-answer-block{display:flex;flex-direction:column;gap:16px}.explain-hint-text{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0}.code-eval-block{border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.code-eval-correct{background-color:#dcfce7;border:1px solid #16a34a}.code-eval-incorrect{background-color:#fee2e2;border:1px solid #dc2626}.code-eval-header{display:flex;align-items:center;justify-content:space-between}.code-eval-status{display:flex;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;color:#0f172a}.code-eval-icon-correct{font-size:16px;color:#16a34a}.code-eval-icon-incorrect{font-size:16px;color:#dc2626}.code-eval-score{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;color:#334155}.code-eval-feedback{font-family:Roboto,sans-serif;font-size:14px;color:#334155;margin:0;line-height:1.5}.code-eval-suggestions{font-family:Roboto,sans-serif;font-size:13px;color:#64748b;margin:0;line-height:1.5}.answer-panel-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;flex:1}.answer-panel-status-text{font-family:Roboto,sans-serif;font-size:15px;color:#64748b;margin:0;text-align:center}.interview-timeline{grid-area:timeline;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;padding:0 24px}.timeline-dots-row{display:flex;align-items:center;gap:12px}.timeline-dot-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;background-color:#fff;border:2px solid #cbd5e1;color:#64748b}.timeline-dot-answered{background-color:#16a34a;border-color:#16a34a;color:#fff}.timeline-dot-current{background-color:#2563eb;border:3px solid #1d4ed8;color:#fff}.timeline-check-icon{font-size:16px}@media(max-width:768px){.interview-layout{grid-template-columns:1fr;grid-template-rows:60px auto auto 50px;grid-template-areas:"topbar" "interviewer" "answer" "timeline"}.answer-panel{border-left:none;border-top:1px solid #e2e8f0}.interviewer-panel,.answer-panel{padding:16px}.interviewer-avatar-circle{width:60px;height:60px}.interviewer-avatar-icon{font-size:24px}.topbar-progress-track{max-width:150px}}.score-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.score-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.score-card-label{font-family:Open Sans,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8}.score-card-value{font-family:"Bree Serif",serif;font-size:36px;line-height:1}.score-bar-track{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:12px}.score-bar-fill{height:100%;border-radius:4px}.score-card-comment{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0;line-height:1.5}.feedback-page{min-height:100vh;background-color:#f8fafc;padding:40px 20px}.feedback-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.feedback-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f8fafc;gap:12px}.feedback-loading-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0}.feedback-header{text-align:center}.feedback-heading{font-family:"Bree Serif",serif;font-size:36px;color:#0f172a;margin:0 0 8px}.feedback-role-text{font-family:Roboto,sans-serif;font-size:18px;color:#2563eb;font-weight:600;margin:0 0 4px}.feedback-date-text{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0}.feedback-overall-section{display:flex;flex-direction:column;align-items:center;gap:12px}.feedback-score-circle{width:120px;height:120px;border-radius:50%;border-width:4px;border-style:solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff}.feedback-score-number{font-family:"Bree Serif",serif;font-size:40px;line-height:1}.feedback-score-label{font-family:Roboto,sans-serif;font-size:14px;color:#64748b}.feedback-overall-title{font-family:"Bree Serif",serif;font-size:20px;color:#0f172a;margin:0}.feedback-categories-section{display:flex;flex-direction:column;gap:16px}.feedback-section-heading{font-family:"Bree Serif",serif;font-size:22px;color:#0f172a;margin:0}.feedback-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feedback-callout{border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.feedback-callout-success{background-color:#f0fdf4;border-left:4px solid #16a34a}.feedback-callout-warning{background-color:#fffbeb;border-left:4px solid #d97706}.feedback-callout-blue{background-color:#f8fafc;border-left:4px solid #2563eb}.feedback-callout-header{display:flex;align-items:center;gap:10px}.feedback-callout-icon-success{font-size:20px;color:#16a34a;flex-shrink:0}.feedback-callout-icon-warning{font-size:20px;color:#d97706;flex-shrink:0}.feedback-callout-icon-blue{font-size:20px;color:#2563eb;flex-shrink:0}.feedback-callout-heading{font-family:"Bree Serif",serif;font-size:18px;color:#0f172a;margin:0}.feedback-callout-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.feedback-callout-list-item{font-family:Roboto,sans-serif;font-size:14px;color:#334155;line-height:1.5}.feedback-assessment-text{font-family:Roboto,sans-serif;font-size:14px;color:#334155;line-height:1.6;font-style:italic;margin:0}.feedback-actions-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:8px}.feedback-btn-primary{display:flex;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;padding:12px 28px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer}.feedback-btn-icon{font-size:18px}.feedback-btn-outline{font-family:Roboto,sans-serif;font-size:15px;font-weight:600;padding:12px 28px;background-color:#fff;color:#2563eb;border:2px solid #2563eb;border-radius:8px;cursor:pointer}@media(max-width:768px){.feedback-page{padding:24px 16px}.feedback-heading{font-size:28px}.feedback-score-circle{width:100px;height:100px}.feedback-score-number{font-size:32px}.feedback-scores-grid{grid-template-columns:1fr}.feedback-actions-row{flex-direction:column}.feedback-btn-primary,.feedback-btn-outline{width:100%;justify-content:center}}.history-page{min-height:100vh;background-color:#f8fafc;padding:40px 20px}.history-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.history-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.history-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-heading{font-family:"Bree Serif",serif;font-size:28px;color:#0f172a;margin:0}.history-count-badge{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;color:#2563eb;background-color:#dbeafe;padding:4px 12px;border-radius:12px}.history-clear-btn{display:flex;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#dc2626;background:none;border:none;cursor:pointer;padding:6px 12px}.history-clear-icon{font-size:20px}.history-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.history-loading-text{font-family:Roboto,sans-serif;font-size:16px;color:#64748b;margin:0}.history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.history-empty-icon{font-size:48px;color:#94a3b8}.history-empty-heading{font-family:"Bree Serif",serif;font-size:20px;color:#0f172a;margin:0}.history-empty-desc{font-family:Roboto,sans-serif;font-size:14px;color:#64748b;margin:0}.history-start-btn{font-family:Roboto,sans-serif;font-size:15px;font-weight:600;padding:12px 28px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:8px}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.history-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:12px}.history-page-btn{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;padding:8px 20px;background-color:#fff;color:#2563eb;border:2px solid #2563eb;border-radius:6px;cursor:pointer}.history-page-btn-disabled{opacity:.5;cursor:not-allowed}.history-page-info{font-family:Roboto,sans-serif;font-size:14px;color:#64748b}@media(max-width:768px){.history-page{padding:24px 16px}.history-heading{font-size:24px}.history-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f8fafc;color:#334155;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border-style:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}.btn-primary{background-color:#2563eb;color:#fff;font-family:Roboto;font-size:14px;font-weight:700;padding:12px 24px;border-radius:8px;border-style:none;cursor:pointer;outline:none}.btn-primary-lg{background-color:#2563eb;color:#fff;font-family:Roboto;font-size:16px;font-weight:700;padding:14px 32px;border-radius:8px;border-style:none;cursor:pointer;outline:none}.btn-outline{background-color:transparent;color:#2563eb;font-family:Roboto;font-size:14px;font-weight:700;padding:12px 24px;border-radius:8px;border-style:solid;border-width:2px;border-color:#2563eb;cursor:pointer;outline:none}.btn-danger{background-color:#dc2626;color:#fff;font-family:Roboto;font-size:14px;font-weight:700;padding:12px 24px;border-radius:8px;border-style:none;cursor:pointer}.btn-danger-text{background-color:transparent;color:#dc2626;font-family:Roboto;font-size:14px;font-weight:700;padding:8px 16px;border-style:none;cursor:pointer}.btn-disabled{opacity:.5;cursor:not-allowed}.badge{background-color:#dbeafe;color:#1d4ed8;font-family:Roboto;font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px;display:inline-block}.badge-success{background-color:#dcfce7;color:#16a34a}.badge-warning{background-color:#fef3c7;color:#d97706}.badge-error{background-color:#fee2e2;color:#dc2626}.callout{border-style:solid;border-width:0px;border-left-width:4px;border-color:#2563eb;background-color:#f8fafc;padding:16px 20px;border-radius:0 8px 8px 0}.callout-success{border-color:#16a34a;background-color:#f0fdf4}.callout-warning{border-color:#d97706;background-color:#fffbeb}.callout-error{border-color:#dc2626;background-color:#fef2f2}.callout-info{border-color:#0891b2;background-color:#ecfeff}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-label{font-family:Roboto;font-size:14px;font-weight:700;color:#334155;margin-bottom:8px}.form-input{font-family:Roboto;font-size:16px;padding:12px 16px;border-style:solid;border-width:1px;border-color:#cbd5e1;border-radius:8px;color:#0f172a;background-color:#fff;outline:none}.card{background-color:#fff;border-radius:12px;border-style:solid;border-width:1px;border-color:#e2e8f0;padding:24px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:16px}.loading-container p{font-family:Roboto;font-size:16px;color:#64748b}.empty-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;gap:12px;text-align:center}.empty-container h3{font-family:"Bree Serif";font-size:20px;color:#0f172a}.empty-container p{font-family:Roboto;font-size:14px;color:#64748b}.app-shell,.protected-shell{min-height:100vh;background-color:#f8fafc}