.interview-studio{--interview-canvas:var(--surface-subtle);--interview-accent:var(--brand-primary);--interview-accent-soft:var(--brand-primary-soft);--interview-accent-border:var(--status-info-border);--interview-accent-ink:var(--brand-primary-hover);--interview-button-ink:var(--content-inverse);--interview-muted:var(--content-muted);--interview-rule:var(--border);--interview-heading:var(--content);--interview-panel:var(--surface);width:100%;min-width:0;min-height:100%;color:var(--interview-heading);background:var(--surface)}.interview-studio[data-interview-appearance=duck],.interview-dialog-duck{--interview-canvas:var(--surface-subtle);--interview-accent:#efba28;--interview-accent-soft:#fffae8;--interview-accent-border:var(--status-info-border);--interview-accent-ink:#886213;--interview-button-ink:#3d3015;--interview-muted:#878374;--interview-rule:var(--border);--interview-heading:var(--content);--interview-panel:var(--surface);--surface:#fffefa;--surface-subtle:#faf8f2;--surface-muted:#f3f0e7;--border:#e9e5da;--border-strong:#d9d2c0;--brand-primary:#997013;--brand-primary-hover:#78570b;--brand-primary-soft:#fff6d6;--content:#38392f;--content-secondary:#555447;--content-muted:#797566;--content-subtle:#918c7c;--status-info:#997013;--status-info-soft:#fff6d6;--status-info-border:#ebd38b}.interview-home{width:min(100%,1040px);margin:0 auto;padding:20px 36px 40px}.interview-home-bar{justify-content:flex-end;align-items:center;margin-bottom:22px;display:flex}.interview-setup{width:100%;min-width:0}.interview-setup-intro{justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px;display:flex}.interview-setup-intro h1{color:var(--interview-heading);margin:8px 0 12px;font-size:16px;font-weight:600;line-height:1.5}.interview-setup-intro p{max-width:480px;color:var(--interview-muted);font-size:14px;line-height:1.7}.interview-setup-card{border:1px solid var(--interview-rule);background:var(--interview-panel);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px -20px #0f172a24}.interview-setup-card-body{padding:22px 26px 18px}.interview-setup-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.interview-field-label{color:var(--interview-heading);font-size:14px;font-weight:600}.interview-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.interview-mode-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.interview-mode-card{border:1px solid var(--interview-rule);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:14px 15px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.interview-mode-card:hover{border-color:var(--interview-accent-border);background:var(--interview-canvas)}.interview-mode-card[aria-checked=true]{border-color:var(--interview-accent-border);background:var(--interview-accent-soft);box-shadow:0 0 0 1px var(--interview-accent-border)}.interview-mode-card:focus-visible,.interview-studio button:focus-visible,.interview-studio select:focus-visible{outline:3px solid var(--interview-accent-border);outline-offset:3px}.interview-mode-icon{color:var(--interview-muted)}.interview-mode-card[aria-checked=true] .interview-mode-icon{color:var(--interview-accent-ink)}.interview-mode-title{color:var(--interview-heading);text-wrap:balance;font-size:14px;font-weight:600}.interview-mode-description{color:var(--interview-muted);font-size:14px;line-height:1.65}.interview-project-field{border-bottom:1px solid var(--interview-rule);color:var(--interview-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:16px;font-size:14px;display:flex}.interview-textarea{resize:vertical;border:1px solid var(--interview-rule);background:var(--interview-canvas);width:100%;min-height:78px;color:var(--interview-heading);border-radius:11px;padding:14px 15px;font-size:14px;line-height:1.75;transition:border-color .15s,box-shadow .15s;display:block}.interview-textarea::placeholder{color:var(--interview-muted);opacity:.8}.interview-textarea:focus{border-color:var(--interview-accent-border);box-shadow:0 0 0 3px var(--interview-accent-soft);outline:none}.interview-required-topics{color:var(--interview-muted);margin-top:15px;font-size:14px}.interview-required-topics summary{cursor:pointer;width:fit-content;padding:4px 0}.interview-required-topics[open] summary{margin-bottom:12px}.interview-setup-footer{border-top:1px solid var(--interview-rule);background:var(--interview-canvas);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;display:flex}.interview-primary-action{background:var(--interview-accent);min-height:44px;color:var(--interview-button-ink);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 2px 3px #0f172a0f}.interview-primary-action:hover{filter:brightness(.96)}.interview-primary-action:active{transform:translateY(1px)}.interview-primary-action:disabled{cursor:not-allowed;opacity:.45}.interview-outcome-preview{color:var(--interview-muted);align-items:center;gap:10px;margin:17px 4px 0;font-size:11px;line-height:1.7;display:flex}.interview-recent{margin-top:34px}.interview-session-row{border-radius:var(--radius-card);transition:background .15s,border-color .15s}.interview-session-row:hover{background:var(--interview-accent-soft)}.interview-session-row:focus-within{outline:2px solid var(--interview-accent-border);outline-offset:2px}.interview-mascot{isolation:isolate;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.interview-mascot-duck{background:#fff6d6;border:1px solid #eee1bb;border-radius:28%;transform:rotate(-5deg)}.interview-pixel-duck{display:block}.interview-mascot-duck .interview-pixel-duck{transform:rotate(5deg)}.interview-mascot-core{background:radial-gradient(circle at 31% 23%,#e7f7ff 0%,#8edbff 26%,#5193ee 56%,#3057c3 84%);border-radius:50%;width:80%;height:80%;box-shadow:inset -5px -7px 10px #1c42932e,0 10px 24px -10px #3271f559}.interview-mascot-beakr:after{content:"";z-index:-1;border:1px solid #dce8fa;border-radius:50%;position:absolute;inset:0}.interview-mascot[data-state=speaking] .interview-mascot-core{animation:1.3s ease-in-out infinite interview-orb-speak}.interview-mascot[data-state=listening]:after{animation:2s ease-out infinite interview-orb-listen}.interview-mascot[data-state=thinking] .interview-mascot-core{animation:3s linear infinite interview-orb-think}.interview-mascot-duck[data-state=speaking] .interview-pixel-duck{animation:.7s ease-in-out infinite alternate interview-duck-speak}.interview-mascot-duck[data-state=thinking] .interview-pixel-duck{animation:1.6s ease-in-out infinite alternate interview-duck-speak}.interview-voice-state,.interview-voice-chip{--interview-state-ink:var(--content-muted);--interview-state-soft:var(--surface-muted);--interview-state-edge:var(--border)}.interview-voice-state[data-state=ready],.interview-voice-chip[data-state=ready]{--interview-state-ink:var(--status-warning);--interview-state-soft:var(--status-warning-soft);--interview-state-edge:var(--status-warning-border)}.interview-voice-state[data-state=recording],.interview-voice-chip[data-state=recording]{--interview-state-ink:var(--status-danger);--interview-state-soft:var(--status-danger-soft);--interview-state-edge:var(--status-danger-border)}.interview-voice-state[data-state=speaking],.interview-voice-chip[data-state=speaking]{--interview-state-ink:var(--brand-accent-bright);--interview-state-soft:var(--brand-primary-soft);--interview-state-edge:var(--status-info-border)}.interview-voice-state[data-state=processing],.interview-voice-chip[data-state=processing]{--interview-state-ink:var(--status-review);--interview-state-soft:var(--status-review-soft);--interview-state-edge:var(--status-review)}.interview-voice-halo{border:2px solid var(--interview-state-ink);opacity:.85;pointer-events:none;border-radius:50%;transition:border-color .2s;position:absolute;inset:4px}.interview-voice-state[data-state=ready] .interview-voice-halo,.interview-voice-state[data-state=recording] .interview-voice-halo{animation:2.4s ease-in-out infinite interview-state-halo}.interview-voice-badge{background:var(--interview-state-ink)}.interview-voice-chip{border:1px solid var(--interview-state-edge);background:var(--interview-state-soft);color:var(--interview-state-ink);letter-spacing:.025em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:12px;font-weight:600;display:inline-flex}.interview-voice-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.interview-waveform{--interview-state-ink:var(--status-danger);width:100%;height:64px;color:var(--interview-state-ink);transition:color .2s;display:block}@keyframes interview-state-halo{0%,to{opacity:.55}50%{opacity:1}}@keyframes interview-orb-speak{0%,to{transform:scale(.95)}50%{transform:scale(1.05)}}@keyframes interview-orb-listen{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes interview-orb-think{to{transform:rotate(360deg)}}@keyframes interview-duck-speak{to{transform:rotate(0)translateY(-4px)}}@media (max-width:640px){.interview-home{padding:20px 16px 32px}.interview-home-bar{margin-bottom:25px}.interview-setup-intro{gap:14px;margin-bottom:24px}.interview-setup-intro p{font-size:12px}.interview-setup-intro .interview-mascot{width:60px!important;height:60px!important}.interview-setup-intro .interview-pixel-duck{width:48px}.interview-setup-card-body{padding:20px}.interview-mode-grid{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.interview-mode-card{grid-template-columns:24px 1fr;gap:3px 11px;padding:13px;display:grid}.interview-mode-icon{grid-row:span 2;align-self:center}.interview-mode-description{grid-column:2}.interview-setup-footer{padding:16px 20px}.interview-primary-action,.interview-setup-footer>div{width:100%}.interview-setup-section-heading{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.interview-mascot *,.interview-mascot:after{animation:none!important}.interview-studio button{transition:none}.interview-voice-halo{opacity:1;transition:none;animation:none!important}.interview-waveform{transition:none}}
