.interview-room{height:100%;min-width:0;overflow-y:auto;scrollbar-gutter:stable;color:var(--foreground);background:var(--material-canvas);overflow-wrap:anywhere;font-family:var(--type-family-interface);font-size:var(--type-size-body);line-height:var(--type-leading-body)}.interview-role{color:var(--plan-role)}.interview-company{color:var(--plan-company)}.interview-question-field{border-radius:0;border-top:2px solid var(--plan-time);background:var(--card)}.interview-bank-question{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border)}.interview-bank-question>a{color:var(--primary);text-decoration:underline}.interview-bank-question>ol{flex-basis:100%;padding-left:var(--space-5);list-style:decimal}.interview-bank-question li{margin-top:var(--space-2);font-size:var(--type-size-body)}.interview-question-field .studio-field__motion{inset:var(--layout-panel-inset) var(--layout-panel-inset) auto auto;min-width:var(--control-height);min-height:var(--control-height)}.interview-status{min-height:var(--control-height);padding-inline-end:calc(var(--control-height) + var(--layout-control-gap))}.interview-status span:last-child{margin-inline-start:auto;font-variant-numeric:tabular-nums}.interview-room button>svg,.interview-status>svg{flex:none}.interview-status>svg{color:var(--plan-time)}.interview-context label{display:block;font-size:var(--type-size-body);font-weight:600;margin:var(--layout-panel-inset) 0 var(--layout-control-gap)}.interview-room input:not([type=radio]):not([type=checkbox]),.interview-room select,.interview-room textarea{width:100%;min-width:var(--control-height);max-width:100%;min-height:var(--control-height)}.interview-room textarea{resize:vertical;min-height:8rem;scroll-margin-block:var(--layout-section-gap)}.interview-room textarea::placeholder{color:var(--muted-foreground);opacity:1}.interview-context:has(#context-kind option[value=code]:checked) #context-draft,.interview-room :where(code,pre){font-family:var(--type-family-code);font-size:var(--type-size-code);tab-size:2}.interview-room pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.interview-room button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.interview-room :is(button,a[href],select,summary,[role=button],[role=tab],label:has(input[type=radio],input[type=checkbox])){min-width:var(--control-height);min-height:var(--control-height)}.interview-room a[href]{display:inline-flex;align-items:center}.interview-commands button[aria-label],.interview-context li button{flex:none}.interview-room :where(button,a,input,textarea,select,summary,[role=tab]):focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}.interview-drawing-turn{border-inline-start:2px solid var(--plan-design);padding-inline-start:var(--space-3);overflow-wrap:anywhere}.interview-drawing-turn>div{min-width:0}.interview-drawing-turn p{font-size:var(--type-size-body);line-height:var(--type-leading-body);margin-block:0 var(--space-1)}.interview-room h3{font-size:var(--type-size-title);font-weight:600;line-height:var(--type-leading-heading)}.interview-debrief h2{font:600 var(--type-size-heading)/var(--type-leading-heading) var(--type-family-interface);margin-bottom:var(--space-3)}.interview-sidebar .studio-art{overflow:visible;background:transparent}.interview-choice,.interview-consent{display:flex;gap:var(--space-2);align-items:start;font-size:var(--control-font-size);line-height:var(--control-line-height);padding-block:var(--space-2);min-height:var(--control-height)}.interview-choice input,.interview-consent input{margin-top:var(--space-1);accent-color:var(--primary);flex:none;width:1rem;height:1rem}.interview-room summary{cursor:pointer;font-size:var(--control-font-size);font-weight:600;padding-block:var(--space-3);min-height:var(--control-height);line-height:var(--control-line-height)}.interview-room details[open]>summary{margin-bottom:var(--space-2)}.interview-caption{line-height:var(--type-leading-body);margin-block:var(--space-2)}.interview-caption,.interview-context h2 span{color:var(--muted-foreground);font-size:var(--type-size-meta)}.interview-context h2 span{font-variant-numeric:tabular-nums;flex:none}.interview-context ul:not(:empty){margin-block:var(--space-3)}.interview-context li{display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);font-size:var(--type-size-meta);padding-block:var(--space-1)}.interview-context li>svg{flex:none;color:var(--plan-coding)}.interview-context li span{flex:1;min-width:0;overflow-wrap:anywhere;font-family:var(--type-family-code);font-size:var(--type-size-code)}.interview-context details button{margin-block:var(--space-2)}.interview-capture img{width:100%;max-height:12rem;object-fit:contain;background:var(--card);border:1px solid var(--border)}.interview-capture button{margin-top:var(--space-3)}.interview-board{height:min(65vh,38rem);min-height:22rem;border:1px solid var(--border)}.interview-message{padding:var(--space-6) 0;display:grid;gap:var(--space-3);justify-items:start}.interview-message>svg{color:var(--plan-time)}.interview-inline-status,.interview-message p{font-size:var(--type-size-body);color:var(--muted-foreground)}.interview-inline-status{display:flex;align-items:center;gap:var(--space-2)}.interview-inline-status svg{width:1rem;flex:none}.interview-error{border-left:2px solid var(--destructive);padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3)}.interview-error p{width:100%;font-size:var(--type-size-body)}.interview-transcript{border-top:1px solid var(--border)}.interview-transcript li{border-left:2px solid var(--plan-time);padding:var(--space-3) var(--space-4);margin-block:var(--space-3)}.interview-transcript li[data-role=candidate]{border-color:var(--plan-coding)}.interview-debrief li>span,.interview-transcript li span{color:var(--muted-foreground);font-size:var(--type-size-meta)}.interview-debrief li>span{font-family:var(--type-family-code)}.interview-debrief p,.interview-transcript p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--type-size-body);line-height:var(--type-leading-body);margin-top:var(--space-2)}.interview-debrief>p{color:var(--muted-foreground)}.interview-debrief li{padding-block:var(--space-5);border-bottom:1px solid var(--border)}.interview-debrief blockquote{border-left:2px solid var(--plan-time);margin-block:var(--space-3);padding-left:var(--space-4);font-size:var(--type-size-body);line-height:var(--type-leading-body);overflow-wrap:anywhere;white-space:pre-wrap}.interview-debrief a{display:inline-flex;align-items:center;gap:var(--space-2);margin-block:var(--space-4);color:var(--primary);font-size:var(--control-font-size);min-height:var(--control-height)}.interview-debrief a svg{flex:none}.interview-question-retry,.interview-reflection{min-width:0;margin-top:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--border)}.interview-question-retry{container-type:inline-size;padding-bottom:0}.interview-debrief>ol:has(>li)+.interview-question-retry{margin-top:0;border-top:0}.interview-question-retry .interview-retry-question{border-inline-start:2px solid var(--plan-time);padding-inline-start:var(--space-3);margin-block:var(--space-3) var(--space-4)}.interview-retry-comparison{display:grid;gap:var(--space-4);margin-block:var(--space-4);font-size:var(--type-size-body);line-height:var(--type-leading-body)}.interview-retry-comparison div{min-width:0;border-top:1px solid var(--border);padding-top:var(--space-2)}.interview-retry-comparison dt{font-weight:600;margin-bottom:var(--space-2)}.interview-retry-comparison dd{overflow-wrap:anywhere;white-space:pre-wrap}@container (min-width: 36em){.interview-retry-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}.interview-reflection .prep-field,.interview-reflection fieldset{min-width:0;margin-block:var(--space-4)}.interview-reflection .prep-field,.interview-reflection legend{font-size:var(--type-size-body);font-weight:600;line-height:var(--type-leading-body)}.interview-reflection :is(.practice-rating-options,.interview-reflection-ratings){display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-block:var(--space-2) var(--space-4)}.interview-reflection :is(.practice-rating-options,.interview-reflection-ratings) label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding-block:var(--space-2);font-size:var(--control-font-size);line-height:var(--control-line-height)}.interview-reflection input[type=radio]{flex:none;width:1rem;height:1rem;accent-color:var(--primary)}.interview-reflection-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.interview-notice{position:sticky;bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--border);background:var(--card);font-size:var(--type-size-body);max-width:var(--layout-width);margin:var(--space-4) auto}@media (prefers-reduced-motion:reduce){.interview-room .animate-spin{animation:none}}