.interview-page{--interview-line:color-mix(in oklch, var(--color-outline-variant) 55%, transparent)}.interview-workbench,.interview-action-row,.interview-loading,.interview-error,.interview-question-card{border:1px solid var(--interview-line);background:color-mix(in oklch, var(--color-surface) 88%, transparent);border-radius:.85rem}.interview-workbench{padding:clamp(1rem,3vw,1.8rem)}.interview-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.interview-section-heading p,.interview-field>label,.interview-field-heading>label{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:700}.interview-section-heading h2{color:var(--color-primary);font-family:var(--font-headline);margin-top:.3rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:750}.interview-section-heading>span{border:1px solid var(--interview-line);color:var(--color-on-surface-variant);white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.65rem}.interview-quality-note{border-block:1px solid var(--interview-line);color:var(--color-on-surface-variant);align-items:center;gap:.55rem;padding:.7rem 0;font-size:.72rem;display:flex}.interview-field{flex-direction:column;gap:.6rem;display:flex}.interview-field-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.interview-field input[type=text],.interview-field textarea{border:1px solid var(--interview-line);background:color-mix(in oklch, var(--color-surface-container-low) 82%, transparent);min-height:3.25rem;color:var(--color-primary);border-radius:.75rem;outline:none;padding:.85rem 1rem;font-size:.9rem;transition:border-color .18s,background-color .18s}.interview-field textarea{min-height:7.5rem;line-height:1.55}.interview-field input[type=text]:focus,.interview-field textarea:focus{border-color:color-mix(in oklch, var(--color-secondary) 65%, transparent);background:var(--color-surface-container-low)}.interview-segmented{isolation:isolate;border:1px solid var(--interview-line);background:color-mix(in oklch, var(--color-surface-container-low) 80%, transparent);border-radius:.65rem;grid-template-columns:repeat(2,1fr);gap:.2rem;padding:.2rem;display:inline-grid;position:relative}.interview-segmented:before{content:"";z-index:0;border:1px solid color-mix(in oklch, var(--color-secondary) 32%, transparent);background:color-mix(in oklch, var(--color-secondary) 16%, transparent);border-radius:.45rem;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;inset:.2rem calc(50% + .1rem) .2rem .2rem;transform:translate(0)}.interview-segmented.is-file:before{transform:translate(calc(100% + .2rem))}.interview-segmented button{z-index:1;min-height:2rem;color:var(--color-on-surface-variant);border-radius:.45rem;padding:.35rem .65rem;font-size:.68rem;font-weight:700;transition:color .18s;position:relative}.interview-segmented button.is-active{color:var(--color-secondary)}.interview-jd-mode-content{min-width:0}.interview-jd-mode-content>textarea{display:block}.interview-jd-upload{border:1px dashed var(--interview-line);cursor:pointer;border-radius:.75rem;align-items:center;gap:.8rem;min-height:5rem;padding:1rem;display:flex}.interview-jd-upload:hover,.interview-jd-upload.is-extracting{border-color:color-mix(in oklch, var(--color-secondary) 55%, transparent);background:color-mix(in oklch, var(--color-secondary) 7%, transparent)}.interview-jd-upload strong{color:var(--color-primary);font-size:.78rem;display:block}.interview-jd-upload p{color:var(--color-on-surface-variant);margin-top:.15rem;font-size:.7rem}.interview-question-count>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.interview-count-button{border:1px solid var(--interview-line);min-height:3.8rem;color:var(--color-on-surface-variant);border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.interview-count-button:hover{border-color:color-mix(in oklch, var(--color-secondary) 45%, transparent);transform:translateY(-2px)}.interview-count-button.is-selected{border-color:var(--color-secondary);background:color-mix(in oklch, var(--color-secondary) 12%, transparent);color:var(--color-primary)}.interview-count-button strong{font-size:.95rem}.interview-count-button span{font-size:.62rem}@media (hover:hover) and (pointer:fine){.interview-field input[type=text]:hover,.interview-field textarea:hover{border-color:color-mix(in oklch, var(--color-secondary) 38%, var(--interview-line))}}@media (prefers-reduced-motion:reduce){.interview-segmented:before{transition:none}}.interview-action-row{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.interview-provider-status{align-items:center;gap:.7rem;min-width:0;display:flex}.interview-provider-status>span{background:var(--color-primary);border-radius:50%;flex:none;width:.55rem;height:.55rem}.interview-provider-status>span.is-byok{background:var(--color-secondary)}.interview-provider-status strong{color:var(--color-primary);font-size:.75rem;display:block}.interview-provider-status p{color:var(--color-on-surface-variant);margin-top:.1rem;font-size:.68rem}.interview-submit{background:var(--color-primary);min-height:3.25rem;color:var(--color-background);border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.4rem;font-size:.82rem;font-weight:800;display:inline-flex}.interview-loading,.interview-error{padding:clamp(1rem,3vw,1.5rem)}.interview-error{border-color:color-mix(in oklch, var(--color-error) 35%, transparent);background:color-mix(in oklch, var(--color-error) 8%, transparent);color:var(--color-error);align-items:flex-start;gap:.8rem;display:flex}.interview-error strong{font-size:.78rem;display:block}.interview-error p{margin-top:.2rem;font-size:.75rem;line-height:1.55}.interview-results{border-top:1px solid var(--interview-line);padding-top:clamp(.5rem,2vw,1.25rem)}.interview-question-card{background:color-mix(in oklch, var(--color-surface-container-low) 76%, transparent)}@media (width<=640px){.interview-section-heading,.interview-field-heading,.interview-action-row{flex-direction:column;align-items:stretch}.interview-section-heading>span{align-self:flex-start}.interview-segmented,.interview-submit{width:100%}.interview-question-count>div{grid-template-columns:repeat(2,minmax(0,1fr))}}