/* White and coral, with one central action in each stage. */
.interview-studio .interview-shell{max-width:1140px}
.interview-studio .interview-shell>.page-title{margin:24px 0 20px}
.interview-studio .interview-shell h1{font-size:clamp(30px,4vw,48px)}
.interview-studio:not(.in-practice) .interview-shell h1{font-size:clamp(28px,3vw,38px)}
.interview-studio:not(.in-practice) #int-hero-title br{display:none}
.interview-studio:not(.in-practice) #int-hero-title .coral::before{content:' '}
.interview-studio:not(.in-practice) .page-title .eyebrow,.interview-studio:not(.in-practice) #int-status{display:none}
.interview-studio:not(.in-practice) #int-hero-copy{max-width:750px;font-size:14px;margin:12px 0 0}
.interview-studio:not(.in-practice) .interview-mark{font-size:72px}
.interview-studio .interview-mark{font-size:100px;padding-right:5%}
.interview-studio #int-steps{display:none}
.interview-studio #int-status{font-size:12px;margin:8px 0}
.interview-studio #int-setup-layout{grid-template-columns:minmax(0,1fr)}
.interview-studio #int-setup-layout>.interview-aside{display:none}
.interview-studio .interview-setup{margin:10px 0 24px;padding:28px 32px;border-radius:20px;box-shadow:0 8px 32px #25233405}
.interview-studio .interview-setup>.interview-heading{margin-bottom:4px}
.interview-studio .interview-setup>.interview-heading h2{font-size:22px}
.interview-studio .interview-setup>.interview-heading .eyebrow,.interview-studio .interview-setup>.interview-heading .interview-badge{display:none}
.interview-studio #int-allowance{font-size:11px;margin:0}
.interview-studio #int-setup>.interview-fields{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 14px}
.interview-studio #int-setup>.interview-fields>label[for=int-role]{grid-column:1;font-size:14px}
.interview-studio #int-role{border-radius:10px;font-size:16px;background:var(--surface);color:var(--text)}
.interview-studio .interview-native-choice{display:none!important}
.interview-studio .interview-duration-cards{grid-column:2;grid-row:1;display:flex;gap:8px;align-items:end}
.interview-studio .interview-duration-cards .interview-choice{flex:1;padding:10px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}
.interview-studio .interview-modality-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.interview-studio .interview-choice{display:grid;gap:6px;min-width:0;text-align:left;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);transition:background .15s,border-color .15s}
.interview-studio .interview-choice:hover{border-color:#c44459;background:var(--soft)}
.interview-studio .interview-choice[aria-pressed=true]{border-color:#bd3c52;box-shadow:0 0 0 1px #bd3c52;background:var(--tint,#fff6f4)}
.interview-studio .interview-choice strong{font-size:15px}
.interview-studio .interview-choice>span:not(.interview-choice-icon){font-size:12px;color:var(--muted);line-height:1.5}
.interview-studio .interview-choice-icon{font:600 24px/1.2 Georgia;color:#bc3e53}
.interview-studio #int-mode-description{grid-column:1/-1;margin:0;font-size:12px;min-height:20px}
.interview-studio #int-setup details{margin:10px 0}
.interview-studio #int-setup details>summary{min-height:44px;padding:10px 0;font-size:13px}
.interview-studio .interview-setup-options[open]{padding:0 16px 12px;border:1px solid var(--line);border-radius:12px}
.interview-studio #int-setup .interview-fields .interview-fields{grid-template-columns:1fr 1fr}
.interview-studio #int-setup details label{display:grid;gap:8px;margin:12px 0;font-size:13px}
.interview-studio #int-setup select{width:100%;min-width:0;max-width:100%;padding:11px;font-size:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}
.interview-studio #int-start-policy{font-size:12px;margin:10px 0;color:var(--muted)}
.interview-studio .interview-session-summary{font-size:12px;color:var(--muted);margin:8px 0}
.interview-studio #int-prepare{margin:4px 0 0;min-width:240px;font-size:15px}
.interview-studio .interview-history{border-radius:16px;margin-top:24px}
.interview-studio.in-practice #int-history-section{display:none}
.interview-studio.in-practice #int-room>.interview-heading{margin:14px 0 8px}
.interview-studio.in-practice #int-room-title{font-size:24px}
.interview-studio.in-practice #int-status{display:none}
.interview-studio .interview-session-meta{margin:0;font-size:12px}
.interview-studio #int-generation-note{font-size:12px;margin:0}
.interview-studio #int-practice{grid-template-columns:minmax(0,1fr);max-width:900px;margin:auto}
.interview-studio #int-practice>.interview-question{border-radius:20px;padding:28px 34px;margin:18px 0;box-shadow:0 8px 32px #25233405}
.interview-studio #int-question{font-size:clamp(20px,2.5vw,28px);line-height:1.5;margin:16px 0 24px}
.interview-studio #int-answer{border-radius:12px;background:var(--surface);color:var(--text);min-height:180px;resize:vertical}
.interview-studio .interview-answer-count{display:block;text-align:right;font-size:11px;color:var(--muted);min-height:16px;margin-top:5px}
.interview-studio #int-answer-help,.interview-studio #int-save{font-size:12px;margin:5px 0}
.interview-studio #int-answer-button{min-width:220px}
.interview-studio #int-room:not([data-session-state=IN_PROGRESS]) :is(#int-answer-button,#int-skip,#int-pause){display:none}
.interview-studio #int-resume-session{margin-bottom:16px}
.interview-studio .interview-session-options{padding:16px 24px;max-width:900px;margin:8px auto;border-radius:12px}
.interview-studio .interview-session-options>summary{min-height:44px;padding:10px 0;font-size:13px}
.interview-studio .interview-session-options .interview-aside{margin:0;padding:12px 0;background:transparent;border:0}
.interview-studio #int-adjustments{padding:14px;margin:12px 0}
.interview-studio #int-adjustment-kind{max-width:100%;min-height:44px;font-size:16px}
.interview-studio #int-transcript{max-width:900px;margin:16px auto;border-radius:12px}
.interview-studio .interview-connection{font-size:12px;border-top:0}
.interview-studio #int-voice-choice>summary{font-size:13px}
.interview-studio #room-panel{border-radius:20px}
.interview-studio:not(.video-interview-active) #room-panel .room-actions>button:not(#room-text):not(#room-retry){display:none}
.interview-studio:not(.video-interview-active) #room-caption{display:none}
.interview-studio .interview-history-options{margin:0}
.interview-studio .interview-history-options>summary{padding:10px;min-height:44px;font-size:12px}
.interview-studio .interview-room-help{font-size:12px;margin:10px 0}
.interview-studio .interview-build{margin:30px auto;border-radius:20px;text-align:center}
.interview-studio .interview-build::before{content:'✳';display:block;font-size:52px;color:#bc3e53;margin:12px;animation:interview-breathe 1.8s ease-in-out infinite}
.interview-studio.preparing-interview :is(.interview-shell>.page-title,#int-history-section){display:none}
.interview-studio.preparing-interview> :is(.nav,.mobile-nav,footer){display:none}
body.interview-studio.preparing-interview{padding-bottom:0}
.interview-studio.preparing-interview .interview-build{max-width:660px;margin:36px auto;padding:28px}
.interview-studio .interview-build[data-state=failed]::before,.interview-studio .interview-build[data-state=cancelled]::before{animation:none}
.interview-studio .interview-build h2{font-size:clamp(24px,3vw,30px);line-height:1.25;letter-spacing:-.6px;margin:14px 0}
.interview-studio #int-build-note{font-size:14px;line-height:1.65;margin:14px auto 22px;max-width:52ch}
.interview-build-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.interview-build-actions button{min-height:48px;max-width:100%;white-space:normal}
.interview-studio #int-build-device-note{font-size:11px;line-height:1.5;margin:18px 0 0;color:var(--muted)}
.interview-studio #int-build-device-note:empty{display:none}
@media(max-width:600px){.interview-studio.preparing-interview .interview-build{padding:22px 18px;margin:20px auto}.interview-build-actions{flex-direction:column}.interview-build-actions button{width:100%}}
@media(max-height:650px){.interview-studio.preparing-interview .interview-build{margin:12px auto;padding:20px}.interview-studio.preparing-interview .interview-build::before{display:none}.interview-studio #int-build-note{margin:12px auto 16px}}
.interview-studio.interview-finished #int-session-options{display:none}
@keyframes interview-breathe{50%{opacity:.45;transform:scale(.9)}}
@media(max-width:767px){
 .interview-studio .interview-shell>.page-title{margin:18px 0 14px}
 .interview-studio .interview-shell>.page-title .eyebrow{display:none}
 .interview-studio .interview-shell>.page-title h1{font-size:32px;margin:0}
 .interview-studio .interview-shell>.page-title p:not(.eyebrow){font-size:13px;line-height:1.6}
 .interview-studio:not(.in-practice) #int-hero-copy,.interview-studio .interview-session-summary{display:none}
 .interview-studio .interview-setup{padding:18px;border-radius:16px}
 .interview-studio #int-setup>.interview-fields{grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0 10px}
 .interview-studio #int-setup>.interview-fields>label{margin:0}
 .interview-studio .interview-setup>.interview-heading h2{margin:0}
 .interview-studio .interview-duration-cards{grid-column:1;grid-row:auto}
 .interview-studio .interview-duration-cards .interview-choice{flex-direction:column;gap:3px;align-items:flex-start}
 .interview-studio .interview-modality-cards{gap:7px;grid-column:1}
 .interview-studio .interview-modality-cards .interview-choice{padding:12px 9px;min-height:85px;text-align:center;justify-items:center}
 .interview-studio .interview-modality-cards .interview-choice>span:not(.interview-choice-icon){display:none}
 .interview-studio #int-mode-description{font-size:12px}
 .interview-studio #int-prepare{width:100%;min-width:0;min-height:48px}
 .interview-studio #int-practice>.interview-question{padding:18px;margin:12px 0}
 .interview-studio #int-question{font-size:20px}
 .interview-studio #int-practice .interview-actions{gap:8px;margin-top:12px}
 .interview-studio #int-practice .interview-actions>*{flex:1 1 auto}
 .interview-studio #int-practice #int-answer-button{flex-basis:100%;min-width:0}
 .interview-studio .interview-session-options{padding:12px 18px}
 .interview-studio #int-room-title{font-size:21px!important}
 .interview-studio #int-new{font-size:12px}
 .interview-studio .interview-history{padding:18px}
}
@media(prefers-reduced-motion:reduce){.interview-studio .interview-build::before{animation:none}.interview-studio .interview-choice{transition:none}}