.loading-screen-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:color-mix(in srgb,var(--c-bg-base) 84%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:loading-backdrop-in var(--dur-base) var(--ease-out) both}.loading-screen{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);max-width:28rem;width:100%;padding:var(--sp-6);border-radius:var(--r-lg);background:var(--c-surface-1);border:1px solid var(--c-border);box-shadow:var(--shadow-lg);text-align:center;animation:loading-card-in var(--dur-slow) var(--ease-out) both}.loading-screen--inline{max-width:none;padding:var(--sp-5);box-shadow:none;background:transparent;border:none;animation:none}.loading-screen__visual{position:relative;width:4.5rem;height:4.5rem;display:grid;place-items:center}.loading-screen__ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--c-brand-soft);opacity:0;animation:loading-ring 2.8s var(--ease-out) infinite}.loading-screen__ring--mid{animation-delay:.55s}.loading-screen__ring--inner{animation-delay:1.1s}.loading-screen__core{position:relative;z-index:1;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--c-brand-soft);color:var(--c-brand-text);animation:loading-core-breathe 2.4s var(--ease-out) infinite}.loading-screen__copy{display:flex;flex-direction:column;gap:var(--sp-2);min-height:4.5rem}.loading-screen__title{margin:0;font-size:var(--fs-lg);color:var(--c-text-primary);text-wrap:balance}.loading-screen__message{margin:0;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-secondary);line-height:var(--lh-snug);opacity:0;transform:translateY(4px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.loading-screen__message--visible{opacity:1;transform:translateY(0)}.loading-screen__hint{margin:0;font-size:var(--fs-xs);color:var(--c-text-tertiary);line-height:var(--lh-snug)}.loading-screen__track{width:100%;height:3px;border-radius:var(--r-full);background:var(--c-surface-3);overflow:hidden}.loading-screen__track-fill{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--c-brand),transparent);animation:loading-track 1.8s var(--ease-out) infinite}@keyframes loading-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes loading-card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loading-ring{0%{transform:scale(.55);opacity:.55}70%{opacity:.08}to{transform:scale(1.35);opacity:0}}@keyframes loading-core-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--c-brand-soft)}50%{transform:scale(1.04);box-shadow:0 0 0 6px transparent}}@keyframes loading-track{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media(prefers-reduced-motion:reduce){.loading-screen-backdrop,.loading-screen{animation:none}.loading-screen__ring{animation:none;opacity:.25;transform:scale(1)}.loading-screen__core{animation:none}.loading-screen__message{opacity:1;transform:none;transition:none}.loading-screen__track-fill{animation:none;width:60%;margin:0 auto;background:var(--c-brand)}}.language-toggle{position:fixed;top:max(var(--sp-4),env(safe-area-inset-top,0px));right:calc(max(var(--sp-4),env(safe-area-inset-right,0px)) + var(--touch-min) + var(--sp-2));z-index:var(--z-sticky);display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);height:var(--touch-min);padding:0 var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-full);background:var(--c-surface-1);color:var(--c-text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.language-toggle:hover{background:var(--c-surface-2);color:var(--c-text-primary);box-shadow:var(--shadow-md)}.language-toggle:active{transform:scale(.97)}@media(max-width:560px){.language-toggle{top:max(var(--sp-3),env(safe-area-inset-top,0px));right:calc(max(var(--sp-3),env(safe-area-inset-right,0px)) + var(--touch-min) + var(--sp-2))}}.theme-toggle{position:fixed;top:max(var(--sp-4),env(safe-area-inset-top,0px));right:max(var(--sp-4),env(safe-area-inset-right,0px));z-index:var(--z-sticky);display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;border:1px solid var(--c-border-strong);border-radius:var(--r-full);background:var(--c-surface-1);color:var(--c-text-secondary);box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.theme-toggle:hover{background:var(--c-surface-2);color:var(--c-text-primary);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:scale(.97)}@media(max-width:560px){.theme-toggle{top:max(var(--sp-3),env(safe-area-inset-top,0px));right:max(var(--sp-3),env(safe-area-inset-right,0px))}}.connection-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex-shrink:0}.connection-dot--pulse{animation:ui-pulse-dot 2s var(--ease-out) infinite}:root{--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Unbounded", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--track-display: -.03em;--fw-display: var(--fw-regular);--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--lh-tight: 1.2;--lh-snug: 1.4;--lh-base: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--container-sm: 460px;--container-md: 900px;--container-lg: 1080px;--touch-min: 44px;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;font-family:var(--font-sans);font-size:16px;line-height:var(--lh-base);font-weight:var(--fw-regular);color:var(--c-text-primary);background-color:var(--c-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[data-theme=dark]{color-scheme:dark;--c-bg-base: oklch(.18 .018 290);--c-bg-app: radial-gradient( 1200px 800px at 100% -10%, oklch(.65 .12 285 / .1), transparent 60% ), radial-gradient(900px 700px at -10% 110%, oklch(.55 .1 290 / .08), transparent 55%), var(--c-bg-base);--c-surface-1: oklch(.22 .02 290);--c-surface-2: oklch(.26 .022 288);--c-surface-3: oklch(.3 .024 288);--c-surface-raised: oklch(.28 .023 288);--c-border: oklch(1 0 0 / .1);--c-border-strong: oklch(1 0 0 / .14);--c-border-hover: oklch(1 0 0 / .22);--c-border-focus: oklch(.65 .12 285 / .65);--c-text-primary: oklch(.94 .014 290);--c-text-secondary: oklch(.74 .018 288);--c-text-tertiary: oklch(.6 .02 288);--c-text-inverse: oklch(.18 .018 290);--c-brand: oklch(.65 .12 285);--c-brand-hover: oklch(.7 .12 285);--c-brand-active: oklch(.58 .12 285);--c-brand-soft: oklch(.65 .12 285 / .18);--c-brand-text: oklch(.74 .09 285);--c-brand-shadow: oklch(.65 .12 285 / .28);--c-on-brand: oklch(1 0 0);--c-success: oklch(.72 .14 155);--c-success-soft: oklch(.72 .14 155 / .14);--c-danger: oklch(.65 .14 30);--c-danger-soft: oklch(.65 .14 30 / .14);--c-warning: oklch(.82 .14 85);--c-warning-soft: oklch(.82 .14 85 / .14);--c-candidate-bubble: oklch(.4 .09 285);--c-candidate-bubble-end: oklch(.36 .08 288);--c-on-candidate: oklch(.96 .012 290);--c-on-candidate-muted: oklch(1 0 0 / .65);--c-ghost-bg: oklch(1 0 0 / .04);--c-ghost-bg-hover: oklch(1 0 0 / .08);--c-surface-hover: oklch(1 0 0 / .05);--c-link-surface-hover: oklch(.65 .12 285 / .22);--c-panel-shine: oklch(1 0 0 / .02);--c-avatar-overlay: oklch(.18 .018 290 / .72);--c-spinner-on-brand-track: oklch(1 0 0 / .35);--c-spinner-on-brand-active: oklch(1 0 0);--shadow-sm: 0 1px 2px oklch(.12 .02 290 / .35);--shadow-md: 0 6px 20px oklch(.12 .02 290 / .32);--shadow-lg: 0 18px 48px oklch(.1 .02 290 / .45);--shadow-focus: 0 0 0 3px var(--c-brand-soft)}[data-theme=light]{color-scheme:light;--c-bg-base: oklch(.991 .014 290);--c-bg-app: radial-gradient( 1100px 700px at 100% -5%, oklch(.5 .12 285 / .08), transparent 55% ), radial-gradient(800px 600px at -5% 105%, oklch(.55 .1 290 / .06), transparent 50%), var(--c-bg-base);--c-surface-1: oklch(.996 .012 290);--c-surface-2: oklch(.958 .018 288);--c-surface-3: oklch(.935 .02 288);--c-surface-raised: oklch(1 .008 290);--c-border: oklch(.45 .04 288 / .14);--c-border-strong: oklch(.45 .04 288 / .22);--c-border-hover: oklch(.45 .04 288 / .3);--c-border-focus: oklch(.5 .12 285 / .5);--c-text-primary: oklch(.22 .025 288);--c-text-secondary: oklch(.42 .028 288);--c-text-tertiary: oklch(.5 .025 288);--c-text-inverse: oklch(1 0 0);--c-brand: oklch(.5 .12 285);--c-brand-hover: oklch(.46 .12 285);--c-brand-active: oklch(.42 .12 285);--c-brand-soft: oklch(.5 .12 285 / .14);--c-brand-text: oklch(.42 .1 285);--c-brand-shadow: oklch(.5 .12 285 / .22);--c-on-brand: oklch(1 0 0);--c-success: oklch(.45 .12 155);--c-success-soft: oklch(.45 .12 155 / .12);--c-danger: oklch(.5 .14 30);--c-danger-soft: oklch(.5 .14 30 / .1);--c-warning: oklch(.55 .13 85);--c-warning-soft: oklch(.55 .13 85 / .12);--c-candidate-bubble: oklch(.46 .1 285);--c-candidate-bubble-end: oklch(.42 .09 288);--c-on-candidate: oklch(.98 .01 290);--c-on-candidate-muted: oklch(1 0 0 / .72);--c-ghost-bg: oklch(.45 .04 288 / .06);--c-ghost-bg-hover: oklch(.45 .04 288 / .1);--c-surface-hover: oklch(.45 .04 288 / .08);--c-link-surface-hover: oklch(.5 .12 285 / .14);--c-panel-shine: oklch(1 0 0 / .35);--c-avatar-overlay: oklch(1 0 0 / .82);--c-spinner-on-brand-track: oklch(1 0 0 / .4);--c-spinner-on-brand-active: oklch(1 0 0);--shadow-sm: 0 1px 2px oklch(.35 .03 288 / .08);--shadow-md: 0 4px 16px oklch(.35 .03 288 / .1);--shadow-lg: 0 12px 40px oklch(.35 .03 288 / .14);--shadow-focus: 0 0 0 3px var(--c-brand-soft)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--c-bg-app);background-attachment:fixed}#root{min-height:100dvh;isolation:isolate}img,svg,canvas{display:block;max-width:100%}h1,h2,h3,h4,.home-brand__name,.loading-screen__title,.interview-finalizing__title,.ui-panel__header h2{font-family:var(--font-display);font-weight:var(--fw-display);line-height:var(--lh-tight);letter-spacing:var(--track-display);text-wrap:balance}h3,h4{letter-spacing:-.02em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-brand-text);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--c-brand-hover)}:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--c-border-hover);background-clip:padding-box}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-pulse-dot{0%,to{box-shadow:0 0 #41d68680}50%{box-shadow:0 0 0 5px #41d68600}}@keyframes ui-typing{0%,80%,to{opacity:.35}40%{opacity:1}}@keyframes ui-cursor-blink{50%{opacity:0}}@keyframes ui-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skip-link{position:absolute;top:-100%;left:var(--sp-4);z-index:var(--z-tooltip);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-brand);color:var(--c-on-brand);font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--sp-4);outline:none;box-shadow:var(--shadow-focus)}.ui-card{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:.7rem 1.15rem;border:1px solid transparent;border-radius:var(--r-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.ui-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--primary{background:var(--c-brand);color:var(--c-on-brand);box-shadow:0 6px 18px var(--c-brand-shadow)}.ui-btn--primary:hover:not(:disabled){background:var(--c-brand-hover)}.ui-btn--ghost{background:var(--c-ghost-bg);border-color:var(--c-border-strong);color:var(--c-text-secondary)}.ui-btn--ghost:hover:not(:disabled){background:var(--c-ghost-bg-hover);color:var(--c-text-primary)}.ui-btn--sm{min-height:36px;padding:.4rem .85rem;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--r-full)}.ui-field-group{display:flex;flex-direction:column;gap:var(--sp-2)}.ui-field{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-secondary)}.ui-field-hint{margin:0;color:var(--c-text-tertiary);font-size:var(--fs-sm);line-height:var(--lh-snug);font-weight:var(--fw-regular)}.ui-input,.ui-select,.ui-textarea{width:100%;padding:.7rem .85rem;border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:var(--c-bg-base);color:var(--c-text-primary);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.ui-textarea{resize:none;line-height:var(--lh-snug);min-height:2.75rem}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--c-text-tertiary)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--c-border-hover)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--c-border-focus);box-shadow:var(--shadow-focus)}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{opacity:.6;cursor:not-allowed}.ui-select{appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.4rem;cursor:pointer}[data-theme=dark] .ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aab2c4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=light] .ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6278' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.ui-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.25rem .6rem;border-radius:var(--r-full);background:var(--c-surface-3);color:var(--c-text-secondary);letter-spacing:.01em}.ui-badge--brand{background:var(--c-brand-soft);color:var(--c-brand-text)}.ui-badge--success{background:var(--c-success-soft);color:var(--c-success)}.ui-badge--danger{background:var(--c-danger-soft);color:var(--c-danger)}.ui-alert{margin:0;padding:.7rem .85rem;border-radius:var(--r-md);font-size:var(--fs-sm);line-height:var(--lh-snug)}.ui-alert--error{background:var(--c-danger-soft);color:var(--c-danger)}.ui-spinner{width:1rem;height:1rem;border:2px solid var(--c-spinner-on-brand-track);border-top-color:var(--c-spinner-on-brand-active);border-radius:50%;animation:ui-spin .7s linear infinite;flex-shrink:0}.ui-spinner--lg{width:2rem;height:2rem;border-width:3px;border-color:var(--c-border-strong);border-top-color:var(--c-brand)}.ui-skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--c-surface-2) 0%,var(--c-surface-3) 50%,var(--c-surface-2) 100%);background-size:200% 100%;animation:ui-skeleton 1.4s var(--ease-out) infinite}.ui-back-link{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--touch-min);color:var(--c-text-secondary);font-size:var(--fs-base);font-weight:var(--fw-medium);padding:.4rem .6rem .4rem .4rem;border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ui-back-link:hover{background:var(--c-surface-hover);color:var(--c-text-primary)}.ui-progress{height:.45rem;border-radius:var(--r-full);background:var(--c-surface-3);overflow:hidden}.ui-progress__fill{height:100%;border-radius:var(--r-full);background:var(--c-brand);transform:scaleX(var(--progress, 0));transform-origin:left;transition:transform var(--dur-slow) var(--ease-out)}.ui-progress--gradient .ui-progress__fill{background:linear-gradient(90deg,var(--c-brand),var(--c-success))}.ui-option-group{display:flex;flex-direction:column;gap:var(--sp-2);border:none;padding:0;margin:0;min-width:0}.ui-option-cards{display:flex;flex-direction:column;gap:var(--sp-2)}.ui-option-card{display:flex;flex-direction:column;gap:.15rem;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-border-strong);background:var(--c-bg-base);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ui-option-card:hover{border-color:var(--c-border-hover);background:var(--c-surface-2)}.ui-option-card--selected{border-color:var(--c-border-focus);background:var(--c-brand-soft);box-shadow:var(--shadow-focus)}.ui-option-card__label{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-text-primary)}.ui-option-card__desc{font-size:var(--fs-sm);color:var(--c-text-tertiary);line-height:var(--lh-snug)}.ui-panel{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.ui-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);background:linear-gradient(180deg,var(--c-panel-shine),transparent);flex-shrink:0}.ui-panel__header h2{margin:0;font-size:var(--fs-lg)}.ui-panel__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ui-panel__footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border);flex-shrink:0;background:var(--c-surface-2)}
