:root{--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-bg-card-alt: #f1f5f9;--color-bg-hover: #f1f5f9;--color-bg-bubble-user: #3b82f6;--color-bg-bubble-ai: #f1f5f9;--color-bg-bar: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-on-primary: #ffffff;--color-text-bubble-user: #ffffff;--color-text-bubble-ai: #0f172a;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #22c55e;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-shadow: rgba(0, 0, 0, .06);--color-shadow-md: rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow);--shadow-lg: 0 8px 24px var(--color-shadow-md);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}#root{display:flex;flex-direction:column}p,ul,dl,h1,h2{margin:0}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-main{flex:1;padding:var(--spacing-lg)}.launch-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);gap:var(--spacing-lg)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-label{color:var(--color-text-secondary);font-size:.95rem}@keyframes spin{to{transform:rotate(360deg)}}.preflight-content{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.preflight-logo{display:block;margin:0 auto;max-height:120px;width:auto;object-fit:contain}.preflight-content h1{font-size:1.75rem;line-height:1.2;font-weight:700;text-align:center}.preflight-subtitle{color:var(--color-text-secondary);margin-top:var(--spacing-xs);text-align:center}.preflight-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.preflight-section h2{font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.preflight-tips-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.preflight-tips-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.preflight-tips-list li svg{flex-shrink:0;margin-top:2px;color:var(--color-accent)}.step-indicator{display:flex;flex-direction:column;gap:var(--spacing-md)}.step-indicator-item{display:flex;align-items:center;gap:var(--spacing-md)}.step-indicator-number{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:var(--color-text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.step-indicator-text{font-size:.9rem;color:var(--color-text-secondary)}.mic-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.mic-status{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600}.mic-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mic-status--ready{color:var(--color-success)}.mic-status--needed{color:var(--color-warning)}.mic-status--blocked{color:var(--color-danger)}.mic-help{color:var(--color-text-secondary);font-size:.9rem}.duration-hint{color:var(--color-text-muted);font-size:.9rem;text-align:center}.interview-shell{display:flex;flex-direction:column;height:100vh;margin:calc(-1 * var(--spacing-lg));width:calc(100% + var(--spacing-lg) * 2)}.interview-top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-bar);border-bottom:1px solid var(--color-border);flex-shrink:0}.timer-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.timer-display--warning{color:var(--color-warning)}.timer-display--danger{color:var(--color-danger)}.timer-status-label{font-size:.85rem;color:var(--color-text-muted)}.interview-body{flex:1;display:flex;min-height:0}.interview-main{flex:1;display:flex;flex-direction:column;min-width:0}.interview-chat{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.95rem}.chat-message{display:flex;flex-direction:column}.chat-message--user{align-items:flex-end}.chat-message--assistant{align-items:flex-start}.chat-role{font-size:.75rem;color:var(--color-text-muted);margin-bottom:2px;padding:0 var(--spacing-sm)}.chat-bubble{max-width:75%;padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem;line-height:1.5;word-wrap:break-word}.chat-bubble--user{background:var(--color-bg-bubble-user);color:var(--color-text-bubble-user);border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg)}.chat-bubble--assistant{background:var(--color-bg-bubble-ai);color:var(--color-text-bubble-ai);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px}.interview-sidebar{width:300px;flex-shrink:0;border-left:1px solid var(--color-border);background:var(--color-bg-card);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-section h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0}.sidebar-topic{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;background:var(--color-bg-card-alt);padding:var(--spacing-md);border-radius:var(--radius-sm)}.sidebar-topic p{margin:0 0 var(--spacing-sm)}.sidebar-topic p:last-child{margin-bottom:0}.sidebar-topic-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-topic-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.sidebar-topic-list li span:last-child{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sidebar-tips{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-tips li{font-size:.85rem;color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative;line-height:1.5}.sidebar-tips li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--color-accent)}.sidebar-timer-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:700;line-height:1;text-align:center}.sidebar-timer-bar-track{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.sidebar-timer-bar-fill{height:100%;border-radius:inherit;background:var(--color-accent);transition:width 1s linear}.sidebar-timer-bar-fill--warning{background:var(--color-warning)}.sidebar-timer-bar-fill--danger{background:var(--color-danger)}.sidebar-timer-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.sidebar-divider{height:1px;background:var(--color-border)}.interview-bottom-bar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-bar);border-top:1px solid var(--color-border);flex-shrink:0}.mic-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mic-dot--connected{background:var(--color-success);box-shadow:0 0 0 3px #22c55e33}.mic-dot--disconnected{background:var(--color-border)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:36px;padding:0 var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;font-size:.8rem;font-weight:500;font-family:inherit;transition:background .12s ease,border-color .12s ease}.btn-icon:hover{background:var(--color-bg-hover)}.btn-icon--active{border-color:var(--color-accent);background:var(--color-bg-card-alt);color:var(--color-accent)}.btn-icon--muted{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.complete-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);gap:var(--spacing-md);text-align:center}.complete-logo{display:block;max-height:80px;width:auto;object-fit:contain;margin-bottom:var(--spacing-sm)}.success-icon{width:72px;height:72px;border-radius:50%;background:var(--color-success-bg);border:2px solid var(--color-success);display:flex;align-items:center;justify-content:center;color:var(--color-success)}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);gap:var(--spacing-md);text-align:center}.error-icon{width:72px;height:72px;border-radius:50%;background:var(--color-warning-bg);border:2px solid var(--color-warning);display:flex;align-items:center;justify-content:center;color:var(--color-warning)}.error-screen h1,.complete-screen h1{font-size:1.5rem;font-weight:700;margin:0}.error-screen p,.complete-screen p{color:var(--color-text-secondary);max-width:420px}.text-muted{color:var(--color-text-muted);font-size:.85rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--radius-full);border:1px solid transparent;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease;font-family:inherit}.button:disabled{cursor:not-allowed;opacity:.5}.button:focus-visible{outline:3px solid rgba(59,130,246,.4);outline-offset:2px}.btn-primary{background:var(--color-accent);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-on-primary)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-full{width:100%}@media (max-width: 900px){.interview-body{flex-direction:column}.interview-sidebar{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:200px;overflow-y:auto}}@media (max-width: 640px){.app-main{padding:var(--spacing-md)}.chat-bubble{max-width:88%}.interview-bottom-bar{flex-wrap:wrap}.interview-bottom-bar .button{flex:1;min-width:0}}