@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-white: #ffffff;--color-gray-50: #fafbfc;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #1a1a2e;--color-accent-50: #f0fdfa;--color-accent-100: #ccfbf1;--color-accent-200: #99f6e4;--color-accent-300: #5eead4;--color-accent-400: #2dd4bf;--color-accent-500: #14b8a6;--color-accent-600: #0d9488;--color-accent-700: #0f766e;--color-accent-800: #115e59;--color-accent-900: #134e4a;--color-success-light: #ecfdf5;--color-success: #10b981;--color-success-dark: #065f46;--color-warning-light: #fffbeb;--color-warning: #f59e0b;--color-warning-dark: #92400e;--color-error-light: #fef2f2;--color-error: #ef4444;--color-error-dark: #991b1b;--color-info-light: #eff6ff;--color-info: #3b82f6;--color-info-dark: #1e40af;--surface-body: #f8fafc;--surface-primary: var(--color-white);--surface-raised: var(--color-white);--border-default: var(--color-gray-200);--border-subtle: rgba(17, 24, 39, .05);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(17, 24, 39, .03), 0 1px 2px rgba(17, 24, 39, .04);--shadow-md: 0 10px 20px -5px rgba(17, 24, 39, .04), 0 4px 6px -2px rgba(17, 24, 39, .02);--shadow-lg: 0 25px 50px -12px rgba(17, 24, 39, .06);--transition-fast: .15s ease;--transition-normal: .25s ease;--z-sidebar: 100;--z-overlay: 90;--z-topbar: 80;--z-dropdown: 110;--z-modal: 200;--z-toast: 300;--sidebar-width: 260px;--sidebar-width-collapsed: 64px;--topbar-height: 64px;--content-max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--color-black);background-color:var(--surface-body);min-height:100vh;overflow-x:hidden}::selection{background-color:var(--color-accent-200);color:var(--color-accent-900)}img,svg,video{display:block;max-width:100%}a{color:var(--color-accent-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-700);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-gray-900)}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.layout-app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-accent-800) 0%,var(--color-accent-900) 100%);border-right:1px solid var(--color-accent-700);box-shadow:4px 0 15px #0f766e26;display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:width var(--transition-normal);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar__logo-wrapper{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;cursor:pointer}.sidebar__logo-img{width:32px;height:32px;border-radius:var(--radius-md);object-fit:contain}.sidebar__brand{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-white);white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar__brand{opacity:0;width:0}.sidebar--collapsed .sidebar__header{padding:0;justify-content:center}.sidebar--collapsed .sidebar__logo-wrapper{justify-content:center}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2);overflow-y:auto}.sidebar--collapsed .sidebar__nav{padding:var(--space-3) 0;align-items:center}.sidebar--collapsed .sidebar__nav-item{padding:var(--space-2);justify-content:center;width:40px}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ffffffb3;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:all var(--transition-fast)}.sidebar__nav-item:hover{background-color:#ffffff1a;color:var(--color-white);text-decoration:none}.sidebar__nav-item:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:-2px}.sidebar__nav-item--active{background:linear-gradient(90deg,#ffffff26,#ffffff0d);color:var(--color-white);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #00000026}.sidebar__nav-item--active:hover{background:linear-gradient(90deg,#fff3,#ffffff14);color:var(--color-white)}.sidebar__nav-item svg,.sidebar__nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar__nav-label{overflow:hidden;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__nav-label{opacity:0;width:0}.sidebar__section-label{padding:var(--space-4) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.sidebar--collapsed .sidebar__section-label{opacity:0}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:#fff9;flex-shrink:0;transition:all var(--transition-fast);cursor:pointer}.sidebar__toggle:hover{color:var(--color-white);background-color:#ffffff1a}.sidebar-expand-trigger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-default);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);margin-right:var(--space-2)}.sidebar-expand-trigger:hover{background-color:var(--color-accent-50);border-color:var(--color-accent-400);color:var(--color-accent-600)}.main-content--sidebar-collapsed .sidebar-expand-trigger{display:flex}.sidebar__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-sidebar) - 1)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:0;transition:margin-left var(--transition-normal);min-width:0;display:flex;flex-direction:column;height:100vh}.sidebar--collapsed~.main-content,.main-content--sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.main-content__inner{max-width:var(--content-max-width);margin:0 auto}.top-bar{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top-bar__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900)}.top-bar__actions{display:flex;align-items:center;gap:var(--space-3)}.top-bar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-gray-600);transition:background-color var(--transition-fast)}.top-bar__hamburger:hover{background-color:var(--color-gray-100)}.panel{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.panel__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900)}.panel__subtitle{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-1)}@media (max-width: 1024px){.main-content{padding:var(--space-6)}.sidebar{width:220px}.main-content{margin-left:220px}.sidebar--collapsed~.main-content,.main-content--sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}}@media (max-width: 768px){.sidebar{width:var(--sidebar-width);transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar--mobile-open{transform:translate(0)}.sidebar--mobile-open+.sidebar__overlay,.sidebar__overlay--visible{display:block}.sidebar--collapsed{width:var(--sidebar-width);transform:translate(-100%)}.main-content,.sidebar--collapsed~.main-content,.main-content--sidebar-collapsed{margin-left:0}.main-content{padding:var(--space-4)}.top-bar__hamburger{display:flex}.sidebar-expand-trigger{display:none!important}.top-bar{padding:0 var(--space-4)}.panel{padding:var(--space-4)}.view-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.view-header__title{font-size:1.25rem}.content-area,.card,.score-card{padding:var(--space-3)}.score-card .text-3xl{font-size:1.5rem}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.hidden{display:none}.block{display:block}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--color-gray-500)}.text-accent{color:var(--color-accent-600)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning-dark)}.text-error{color:var(--color-error)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-text{color:var(--color-error);font-size:var(--text-xs);font-weight:var(--font-medium)}.error-border{border:1px solid var(--color-error)!important;border-radius:var(--radius-lg);padding:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) both}.animate-slide-left{animation:slideInLeft var(--transition-normal) both}.animate-slide-up{animation:slideInUp var(--transition-normal) both}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-sm)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-accent-600);background:var(--color-accent-50);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--color-gray-500);max-width:360px;margin:0 auto;line-height:var(--leading-normal)}.empty-state__action{margin-top:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-600) 0%,var(--color-accent-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active:not(:disabled){background:linear-gradient(135deg,var(--color-accent-700) 0%,var(--color-accent-800) 100%);transform:scale(.97)}.btn--secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300);box-shadow:0 1px 2px #0000000d}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.btn--ghost{background-color:transparent;color:var(--color-gray-600)}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:1.2em;height:1.2em;margin-top:-.6em;margin-left:-.6em;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn--primary.btn--loading:after{border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white)}.btn--secondary.btn--loading:after,.btn--ghost.btn--loading:after{border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-gray-600)}.card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1.5}.badge--neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--error{background-color:var(--color-error-light);color:var(--color-error-dark)}.badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge--accent{background-color:var(--color-accent-50);color:var(--color-accent-700)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);border:1px solid transparent}.alert__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert--success{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.alert--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border-color:var(--color-warning)}.alert--error{background-color:var(--color-error-light);color:var(--color-error-dark);border-color:var(--color-error)}.alert--info{background-color:var(--color-info-light);color:var(--color-info-dark);border-color:var(--color-info)}.skeleton{background-color:var(--color-gray-200);border-radius:var(--radius-md);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton--text{height:1em;width:100%}.skeleton--circle{border-radius:var(--radius-full)}.divider{height:1px;background:var(--border-default);border:none;margin:var(--space-4) 0}.content-area{padding:var(--space-6);max-width:var(--content-max-width);margin:0 auto;animation:fadeIn .3s ease both;flex:1;overflow-y:auto;width:100%}.view-enter{animation:slideInUp .3s ease both}.view-exit{opacity:0;transition:opacity .15s ease}.view-header{margin-bottom:var(--space-6)}.view-header__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.view-header__subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.top-bar__left{display:flex;align-items:center;gap:var(--space-3)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot--idle{background-color:var(--color-success)}.status-dot--active{background-color:var(--color-accent-500);animation:pulse 2s infinite}.status-dot--error{background-color:var(--color-error)}.top-bar__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500)}.top-bar__status-text{font-weight:var(--font-medium)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3)}.body--sidebar-open{overflow:hidden}:root{--color-accent: var(--color-accent-600)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:9999;max-width:400px;width:calc(100vw - var(--space-12));pointer-events:none}@media (max-width: 768px){.toast-container{bottom:var(--space-4);right:var(--space-4);width:calc(100vw - var(--space-8))}}.toast{animation:slideInUp .3s ease both;box-shadow:var(--shadow-lg);pointer-events:auto}.toast.toast--exit{animation:fadeOutDown .3s ease both}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.interview-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);height:calc(100vh - var(--topbar-height) - var(--space-12));min-height:500px}@media (max-width: 1024px){.interview-layout{grid-template-columns:1fr;height:auto}.interview-sidebar{display:none}}.chat-area{display:flex;flex-direction:column;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.chat-header{padding:var(--space-4);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;background:var(--color-gray-50)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.message{display:flex;gap:var(--space-3);max-width:85%}.message--ai{align-self:flex-start}.message--user{align-self:flex-end;flex-direction:row-reverse}.message__avatar{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-gray-600)}.message--user .message__avatar{background:var(--color-accent-100);color:var(--color-accent-700)}.message__content{display:flex;flex-direction:column;gap:var(--space-1)}.message__bubble{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);word-break:break-word;white-space:pre-wrap}.message--ai .message__bubble{background:var(--color-gray-100);color:var(--color-gray-900);border-bottom-left-radius:4px}.message--user .message__bubble{background:var(--color-accent-600);color:#fff;border-bottom-right-radius:4px}.composer{padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4);border-top:1px solid var(--border-default);background:var(--surface-primary)}.composer__inner{display:flex;gap:var(--space-2);align-items:flex-end}.composer__input{flex:1;min-height:44px;max-height:120px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:none;font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-normal)}.composer__input:focus{outline:none;border-color:var(--color-accent-500);box-shadow:0 0 0 2px var(--color-accent-100)}.interview-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.rubric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.rubric-item:last-child{border-bottom:none}.wizard-progress{width:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;margin:var(--space-4) 0 var(--space-6) 0;overflow:hidden}.wizard-progress__bar{background-color:var(--color-accent-600);height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal) ease}.wizard-grid{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.wizard-grid--2col{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-grid--3col{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-grid--4col{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 768px){.wizard-grid--3col,.wizard-grid--4col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.wizard-grid{grid-template-columns:1fr!important}}.selectable-card{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border-default);background-color:var(--surface-primary);cursor:pointer;transition:all var(--transition-fast) ease;display:flex;flex-direction:column;gap:var(--space-2)}.selectable-card:hover{border-color:var(--color-accent-300);background-color:var(--color-gray-50)}.selectable-card--selected{border-color:var(--color-accent-500)!important;background-color:var(--color-accent-50)!important}.selectable-card__header{display:flex;align-items:center;gap:var(--space-3)}.selectable-card__icon{color:var(--color-gray-500)}.selectable-card--selected .selectable-card__icon{color:var(--color-accent-600)}.selectable-card__title{font-weight:var(--font-medium);color:var(--color-gray-900)}.selectable-card--selected .selectable-card__title{color:var(--color-accent-900)}.selectable-card__desc{font-size:var(--text-sm);color:var(--color-gray-500)}.selectable-card__desc--indent{padding-left:32px}.focus-chip-container{display:flex;flex-wrap:wrap;gap:var(--space-3)}.focus-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-default);background-color:var(--color-white);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast) ease}.focus-chip:hover{border-color:var(--color-accent-400)}.focus-chip--selected{background-color:var(--color-accent-600);color:var(--color-white);border-color:var(--color-accent-600)}.focus-chip--selected:hover{border-color:var(--color-accent-700);background-color:var(--color-accent-700)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-4);height:24px}.typing-dot{width:6px;height:6px;background-color:var(--color-gray-400);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message--error .message__bubble{background-color:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.composer--disabled{opacity:.6;pointer-events:none}.accordion{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary);margin-bottom:var(--space-3)}.accordion__header{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--color-gray-50);transition:background var(--transition-fast)}.accordion__header:hover{background:var(--color-gray-100)}.accordion__content{padding:0 var(--space-4);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .3s ease}.accordion--open .accordion__content{padding:var(--space-4);max-height:1000px;opacity:1}.accordion__chevron{transition:transform var(--transition-normal) ease;color:var(--color-gray-500)}.accordion--open .accordion__chevron{transform:rotate(180deg)}.trace-message{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.trace-message--user{background:var(--color-accent-50);border:1px solid var(--color-accent-200)}.trace-message--ai{background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.score-card{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.score-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent-300)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay--open{opacity:1;pointer-events:auto}.modal-container{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:600px;box-shadow:var(--shadow-lg);transform:translateY(20px);transition:transform var(--transition-normal);max-height:90vh;overflow-y:auto}.modal-overlay--open .modal-container{transform:translateY(0)}.trace-link-wrap{margin-top:var(--space-2)}.trace-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-accent-600);opacity:.7;text-decoration:none;transition:opacity var(--transition-fast)}.trace-link:hover{opacity:1;text-decoration:underline}.message__bubble--streaming:after{content:"▋";display:inline-block;animation:blink .8s step-start infinite;margin-left:2px;color:var(--color-accent-500)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glass-panel{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.login-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-accent-50) 0%,var(--surface-body) 40%,var(--color-white) 100%);overflow:hidden}.login-page__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.login-page__gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:loginOrbFloat 12s ease-in-out infinite alternate}.login-page__gradient-orb--1{width:450px;height:450px;background:radial-gradient(circle,var(--color-accent-200) 0%,var(--color-accent-100) 60%,transparent 100%);top:-120px;right:-80px;animation-delay:0s}.login-page__gradient-orb--2{width:350px;height:350px;background:radial-gradient(circle,var(--color-accent-300) 0%,var(--color-accent-100) 60%,transparent 100%);bottom:-100px;left:-60px;animation-delay:-6s}@keyframes loginOrbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}to{transform:translate(-20px,15px) scale(.95)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;margin:var(--space-6);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000a,0 20px 40px -8px #0d94881a,0 0 0 1px #0d94880a;padding:var(--space-10) var(--space-8) var(--space-8);text-align:center}.login-card__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-card__logo-wrapper{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);animation:loginLogoReveal .6s ease both;animation-delay:.1s}.login-card__logo-img{width:64px;height:64px;border-radius:var(--radius-lg);object-fit:contain}@keyframes loginLogoReveal{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-card__brand{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);letter-spacing:-.02em;animation:loginTextReveal .5s ease both;animation-delay:.2s}.login-card__tagline{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:var(--font-medium);max-width:280px;line-height:var(--leading-normal);animation:loginTextReveal .5s ease both;animation-delay:.3s}@keyframes loginTextReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-card__divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-gray-200) 30%,var(--color-accent-200) 50%,var(--color-gray-200) 70%,transparent 100%);margin:var(--space-6) 0;animation:loginTextReveal .5s ease both;animation-delay:.35s}.login-card__body{animation:loginTextReveal .5s ease both;animation-delay:.4s}.login-card__cta{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-5)}.login-card__google-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000f;position:relative;overflow:hidden}.login-card__google-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.login-card__google-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000f}.login-card__google-btn:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:2px}.login-card__google-btn[disabled]{opacity:.6;cursor:not-allowed}.login-card__google-btn.btn--loading{color:transparent!important;pointer-events:none}.login-card__google-btn.btn--loading .login-card__google-icon{visibility:hidden}.login-card__google-btn.btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:1.2em;height:1.2em;margin-top:-.6em;margin-left:-.6em;border:2px solid var(--color-gray-200);border-top-color:var(--color-accent-500);border-radius:50%;animation:spin .8s linear infinite}.login-card__google-icon{flex-shrink:0}.login-card__footer{margin-top:var(--space-6);animation:loginTextReveal .5s ease both;animation-delay:.5s}.login-card__footer-text{font-size:var(--text-xs);color:var(--color-gray-400);line-height:var(--leading-normal)}@media (max-width: 480px){.login-card{margin:var(--space-4);padding:var(--space-8) var(--space-5) var(--space-6)}}.sidebar__footer{padding:var(--space-3) var(--space-3);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);margin-bottom:var(--space-2);overflow:hidden}.sidebar__user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffffb3;overflow:hidden}.sidebar__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.sidebar__user-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{font-size:var(--text-xs);color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__sign-out{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#fff9;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;background:transparent;transition:all var(--transition-fast);white-space:nowrap}.sidebar__sign-out:hover{background-color:#ffffff1a;color:var(--color-white)}.sidebar__sign-out svg{width:18px;height:18px;flex-shrink:0}.sidebar--collapsed .sidebar__user-info{opacity:0;width:0}.sidebar--collapsed .sidebar__footer{padding:var(--space-2) 0;align-items:center;display:flex;flex-direction:column}.sidebar--collapsed .sidebar__user{justify-content:center;padding:var(--space-2)}.sidebar--collapsed .sidebar__sign-out{justify-content:center;padding:var(--space-2);width:40px}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-red-50{background-color:#fef2f2}.bg-green-100{background-color:#dcfce7}.bg-blue-100{background-color:#dbeafe}.bg-success-light{background-color:#dcfce7}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pb-2{padding-bottom:.5rem}.pl-4{padding-left:1rem}.w-full{width:100%}.w-16{width:4rem}.h-16{height:4rem}.max-w-lg{max-width:32rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.border{border:1px solid var(--color-gray-200, #e5e7eb)}.border-b{border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.border-gray-200{border-color:var(--color-gray-200, #e5e7eb)}.border-red-200{border-color:#fecaca}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-red-700{color:#b91c1c}.text-green-800{color:#166534}.text-blue-800{color:#1e40af}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.space-y-4>*+*{margin-top:1rem}.list-disc{list-style-type:disc}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.col-span-full{grid-column:1 / -1}.gap-y-4{row-gap:1rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.hover\:border-accent:hover{border-color:var(--color-accent, #0d9488)}.hover\:text-gray-600:hover{color:#4b5563}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.animate-hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.animate-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}.typing-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-gray-400);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.prose{font-size:.9375rem;line-height:1.75;color:#374151;max-width:100%;word-break:break-word}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;font-weight:700;line-height:1.3;margin-top:1.5em;margin-bottom:.75em}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.prose h3{font-size:1.125rem}.prose h4{font-size:1rem}.prose p{margin-bottom:1em}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:.375em}.prose li>ul,.prose li>ol{margin-top:.375em;margin-bottom:0}.prose a{color:var(--color-accent-600);text-decoration:underline}.prose a:hover{color:var(--color-accent-700)}.prose blockquote{border-left:4px solid var(--color-accent-200);padding:.75em 1em;margin:1em 0;background:var(--color-gray-50);color:#4b5563;border-radius:0 var(--radius-md) var(--radius-md) 0}.prose code{background:#f3f4f6;padding:.2em .4em;border-radius:4px;font-size:.875em;color:#d946ef}.prose pre{background:#1f2937;color:#e5e7eb;padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin:1em 0}.prose pre code{background:none;padding:0;color:inherit;font-size:.875rem}.prose table{width:100%;border-collapse:collapse;margin:1em 0}.prose th,.prose td{padding:.5rem .75rem;border:1px solid #e5e7eb;text-align:left;font-size:.875rem}.prose th{background:#f9fafb;font-weight:600}.prose hr{border:none;border-top:1px solid #e5e7eb;margin:1.5em 0}.prose strong{font-weight:600;color:#111827}.prose em{font-style:italic}.prose img{max-width:100%;border-radius:var(--radius-md)}