:root{font-family:Aptos,Helvetica Neue,sans-serif;color:#1d1d1f;background:#f5f5f2;--bg: #f5f5f2;--surface: #ffffff;--surface-muted: #f0f0ec;--border: #d7d5cd;--border-strong: #b9b5aa;--text: #1d1d1f;--muted: #69665f;--primary: #2257c7;--primary-strong: #17419a;--accent: #8b4635;--danger: #9f2f25;--agent: #f3f1ea;--candidate: #e9f1ed}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:38px;border:1px solid var(--primary);border-radius:7px;background:var(--primary);color:#fff;padding:8px 12px;cursor:pointer;transition:background .14s ease,border-color .14s ease,opacity .14s ease}button:hover{background:var(--primary-strong);border-color:var(--primary-strong)}button:disabled{cursor:not-allowed;background:#e2e0d8;border-color:#cbc8be;color:#8a867c;opacity:1}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.button-secondary:hover{background:var(--surface-muted);border-color:var(--border-strong)}input,select,textarea{border:1px solid var(--border-strong);border-radius:7px;padding:9px 10px;background:#fff;color:var(--text)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible{outline:2px solid rgba(47,95,80,.35);outline-offset:2px}.app-shell{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center}.room{width:min(1240px,100%);display:grid;gap:14px}.panel,.top-bar,.answer-panel,.question-card,.recording-panel,.live-caption{background:var(--surface);border:1px solid var(--border);border-radius:8px}.panel{padding:16px}.top-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,auto) auto;gap:18px;align-items:center;padding:14px 16px}.product-title{font-size:17px;font-weight:700;color:var(--text)}.interview-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.interview-meta span{border:1px solid var(--border);border-radius:7px;background:#fbfaf7;color:#3e3c37;padding:6px 8px}.room-main{display:grid;grid-template-columns:380px minmax(0,1fr);gap:14px;align-items:stretch}.avatar-panel{display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:14px;min-height:560px;align-content:center}.avatar{width:min(100%,300px);aspect-ratio:14 / 17;display:grid;place-items:center}.avatar-figure{width:100%;height:100%;display:block}.avatar-backdrop{fill:#eeece4;stroke:#d5d1c6}.avatar-body{transform-box:fill-box;transform-origin:50% 84%}.avatar-blazer{fill:url(#avatarBlazer)}.avatar-shirt{fill:#faf9f5}.avatar-blouse{fill:url(#avatarBlouse)}.avatar-neckline{fill:#d6c0a4}.avatar-lapel-left,.avatar-lapel-right{fill:#eadbc5;stroke:#c4ad8e;stroke-linejoin:round;stroke-width:1.2}.avatar-blazer-seam{fill:none;opacity:.48;stroke:#b89f7d;stroke-linecap:round;stroke-width:1.25}.avatar-pocket{fill:none;opacity:.42;stroke:#b89f7d;stroke-linecap:round;stroke-width:1.2}.avatar-neck,.avatar-ear-left,.avatar-ear-right,.avatar-face{fill:url(#avatarSkin)}.avatar-ear-left,.avatar-ear-right{opacity:.9}.avatar-neck-shadow{fill:#9c624d;opacity:.22}.avatar-hair-back{fill:#4f3126}.avatar-hair{fill:url(#avatarHair)}.avatar-hair-highlight{fill:#a87352;opacity:.34}.avatar-hair-strand{fill:none;opacity:.28;stroke:#bd8b68;stroke-linecap:round;stroke-width:2}.avatar-cheek{fill:url(#avatarCheek)}.avatar-face-highlight{fill:none;opacity:.28;stroke:#e1b08c;stroke-linecap:round;stroke-width:3}.avatar-name-tag rect{fill:#f5ead7;stroke:#b89f7d;stroke-width:1}.avatar-name-tag text{fill:#3d3a34;font-size:8px;font-weight:700;letter-spacing:.1px;pointer-events:none}.avatar-earring{fill:#c0a46a}.avatar-brow-left,.avatar-brow-right,.avatar-eye-line,.avatar-nose-bridge,.avatar-nose-tip,.avatar-nostril-left,.avatar-nostril-right{fill:none;stroke:#7f4f3f;stroke-linecap:round}.avatar-brow-left,.avatar-brow-right,.avatar-eye-line{stroke:#2d2924;stroke-width:4}.avatar-nose-bridge{opacity:.42;stroke-width:2.2}.avatar-nose-tip{opacity:.38;stroke-width:2}.avatar-nostril-left,.avatar-nostril-right{opacity:.34;stroke-width:1.45}.avatar-eye-white{fill:#f8f4ea}.avatar-iris{fill:#7f8a91}.avatar-eye{fill:#211f1d}.avatar-eye-catchlight{fill:#fff;opacity:.9}.avatar-chin{fill:none;opacity:.18;stroke:#7a4d3c;stroke-linecap:round;stroke-width:2;transform-box:fill-box;transform-origin:center;transition:transform 90ms ease}.avatar-mouth{transform-box:fill-box;transform-origin:center;transition:transform 90ms ease}.avatar-mouth-outer{fill:url(#avatarLip)}.avatar-mouth-inner{fill:#4a1718}.avatar-mouth-teeth{fill:#fff6e8;opacity:.72}.avatar-mouth-tongue{fill:#a95d5d;opacity:.78}.avatar-mouth-closed .avatar-mouth-outer,.avatar-mouth-bmp .avatar-mouth-outer{fill:none;stroke:#733a33;stroke-linecap:round;stroke-width:3.2}.avatar-mouth-closed .avatar-mouth-inner,.avatar-mouth-bmp .avatar-mouth-inner{opacity:0}.avatar-mouth-fv .avatar-mouth-outer,.avatar-mouth-ee .avatar-mouth-outer{fill:#8d433b}.avatar-mouth-oh .avatar-mouth-outer,.avatar-mouth-oo .avatar-mouth-outer{fill:#7b3933}.avatar-idle .avatar-body,.avatar-listening .avatar-body,.avatar-thinking .avatar-body{animation:body-breathe 4.2s ease-in-out infinite}.avatar-speaking .avatar-body{animation:body-speaking 1.8s ease-in-out infinite}.avatar-listening .avatar-head-wrapper{animation:head-listening 3.2s ease-in-out infinite}.avatar-thinking .avatar-head-wrapper{animation:head-thinking 3.8s ease-in-out infinite}.avatar-speaking .avatar-head-wrapper{animation:head-speaking 1.15s ease-in-out infinite}.avatar-copy{display:grid;gap:4px;text-align:center}.avatar-copy h1,.question-card h2,.recording-panel h2,.section-heading h2,.summary-panel h2{margin:0;color:var(--text)}.avatar-copy h1{font-size:24px}.avatar-copy p,.recording-panel p,.transcript-preview p{margin:0;color:var(--muted)}.avatar-meta{width:100%;display:grid;gap:8px;color:var(--muted);font-size:14px}.avatar-meta span{border-top:1px solid var(--border);padding-top:8px}.answer-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;padding:16px;min-height:560px}.question-card{padding:20px}.question-progress{display:block;margin-bottom:10px;color:var(--muted);font-size:14px}.question-card h2{max-width:760px;font-size:28px;line-height:1.18;font-weight:740}.live-caption{padding:13px 16px;color:#f7f4ea;background:#272724;border-color:#272724;font-size:16px;line-height:1.4}.recording-panel{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:14px;align-items:start;padding:16px}.recording-panel h2{margin-bottom:4px;font-size:18px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));gap:8px}.transcript-preview{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:12px}.transcript-preview span,.bubble-speaker{display:block;color:var(--muted);font-size:13px}.transcript-preview p{margin-top:5px;min-height:22px}.transcript-preview textarea{width:100%;margin-top:7px;resize:vertical;line-height:1.4}.transcript-panel{display:grid;gap:10px;min-height:0}.transcript-panel-compact{min-height:170px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:17px}.transcript-list{height:360px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fbfaf7}.transcript-panel-compact .transcript-list{height:170px}.transcript-list-empty{display:grid;place-items:center}.empty-transcript{max-width:420px;color:var(--muted);text-align:center;line-height:1.45}.bubble{width:fit-content;max-width:min(680px,86%);margin-bottom:10px;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.bubble p{margin:4px 0 0;line-height:1.42}.bubble-agent{background:var(--agent);color:var(--text)}.bubble-candidate{margin-left:auto;background:var(--candidate);border-color:#cadbd3;color:#183a31}.bubble-active{border-color:var(--primary);box-shadow:0 0 0 2px #2f5f501f}.bubble-muted{color:var(--muted)}.bubble-partial{border-style:dashed}.transcript-details{padding:0;overflow:hidden}.transcript-details summary{cursor:pointer;padding:14px 16px;color:var(--text);font-weight:650}.transcript-details .transcript-panel{padding:0 16px 16px}.error-block{width:100%;display:grid;gap:10px}.error{color:var(--danger);margin:0}.summary-panel{display:grid;gap:8px}.summary-panel h2{font-size:22px}.summary-panel p{margin:0;line-height:1.45}.field{display:grid;gap:6px;margin-bottom:12px}.field span{color:var(--muted)}.option-field{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fbfaf7}.option-field span{display:grid;gap:2px;color:var(--muted);line-height:1.35}.option-field strong{color:var(--text);font-weight:650}.setup-page{width:min(900px,100%);display:grid;gap:14px}.setup-heading{display:grid;gap:6px}.setup-heading h1{margin:0;color:var(--text);font-size:30px;line-height:1.15}.setup-heading p{margin:0;color:var(--muted)}.setup-card{display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.setup-card h2{margin:0;color:var(--text);font-size:18px}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-card .field{margin-bottom:0}.custom-role-input{margin-top:4px}.setup-actions{display:flex;justify-content:flex-end}.thinking-dots span{animation:dot-pulse 1.4s ease-in-out infinite;font-size:1.35em;line-height:1}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes body-breathe{0%{transform:translateY(0)}50%{transform:translateY(1.4px) scaleY(1.006)}to{transform:translateY(0)}}@keyframes body-speaking{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(.9px) rotate(-.25deg)}70%{transform:translateY(.3px) rotate(.2deg)}}@keyframes head-listening{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(-.8deg)}to{transform:translateY(0) rotate(0)}}@keyframes head-thinking{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(.8px) rotate(-1.6deg)}70%{transform:translateY(-.6px) rotate(.9deg)}to{transform:translateY(0) rotate(0)}}@keyframes head-speaking{0%,to{transform:translateY(0) rotate(0)}24%{transform:translateY(.8px) rotate(-.45deg)}52%{transform:translateY(-.7px) rotate(.35deg)}78%{transform:translateY(.4px) rotate(-.2deg)}}@keyframes dot-pulse{0%,60%,to{opacity:.25}30%{opacity:1}}@media (max-width: 980px){.app-shell{padding:12px;align-items:stretch}.top-bar,.room-main{grid-template-columns:1fr}.avatar-panel,.answer-panel{min-height:auto}.avatar{max-width:280px}.question-card h2{font-size:24px}.recording-panel,.control-grid{grid-template-columns:1fr}.bubble{max-width:94%}.setup-grid{grid-template-columns:1fr}.setup-actions{justify-content:stretch}.setup-actions button{width:100%}}