:root{--brand:#12389d;--brand-rgb:18,56,157;--brand-soft:color-mix(in srgb,var(--brand) 8%,#fff);--brand-soft-strong:color-mix(in srgb,var(--brand) 14%,#fff);--brand-border:color-mix(in srgb,var(--brand) 22%,#fff);--page:color-mix(in srgb,var(--brand) 5%,#fff);--line:color-mix(in srgb,var(--brand) 12%,#fff);--muted:#7d859c;--text:#242838;--success:#087443}*{box-sizing:border-box}body{--primary-1:237,241,250;--primary-2:218,227,246;--primary-3:180,197,235;--primary-4:123,151,219;--primary-5:65,102,191;--primary-6:var(--brand-rgb);--primary-7:14,44,126;--primary-8:11,33,94;--primary-9:7,22,63;--primary-10:4,11,31;--arcoblue-6:var(--brand-rgb);--color-primary-light-1:var(--brand-soft);--color-primary-light-2:var(--brand-border);--color-primary-light-3:color-mix(in srgb,var(--brand) 36%,#fff);--color-primary-light-4:color-mix(in srgb,var(--brand) 52%,#fff);margin:0;background:var(--page);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}.center-screen,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.login-page{background:var(--brand-soft-strong)}.login-card.arco-card{width:min(1080px,100%);min-height:480px;border-radius:8px;overflow:hidden}.login-card .arco-card-body{display:grid;grid-template-columns:1fr 1fr;padding:0}.login-brand,.login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:72px}.login-brand{align-items:center;border-right:1px solid var(--line);text-align:center}.login-brand .arco-typography:last-child{max-width:420px;color:#667087;font-size:16px;line-height:1.6}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:0 24px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;color:var(--brand);font-size:20px;font-weight:800}.app-shell{min-height:calc(100vh - 64px);display:flex;justify-content:center}.page{width:min(1600px,100%);padding:32px 24px}.section-head,.session-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head .arco-typography{margin-bottom:0}.session-head .arco-typography-heading{font-size:30px;line-height:1.3}.session-head .arco-typography-secondary{font-size:16px}.content-card.arco-card{border-radius:8px}.content-card>.arco-card-body{padding:24px}.content-card .arco-row{align-items:stretch}.content-card .arco-col{display:flex}.training-step-body{display:flex;flex-direction:column;gap:22px;width:100%}.training-step-body .persona-panel.arco-card{max-width:none}.training-step-actions{display:flex;justify-content:flex-end}.conversation-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.conversation-panel.arco-card,.evidence-card.arco-card,.feedback-card.arco-card,.highlight-card.arco-card,.persona-panel.arco-card,.scenario-card.arco-card,.score-list.arco-card,.score-section-card.arco-card,.score-total.arco-card{border-color:var(--line);border-radius:8px}.scenario-card.arco-card{flex:1 1;height:100%}.conversation-panel.arco-card,.persona-panel.arco-card{flex:1 1;width:100%}.persona-panel .arco-card-body{padding:28px}.conversation-panel.arco-card{flex:none;height:clamp(560px,calc(100vh - 220px),760px)}.conversation-panel .arco-card-body{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.scenario-card .arco-card-body{height:100%;padding:20px}.scenario-card-content{min-height:360px;height:100%;display:flex;flex-direction:column;gap:22px}.persona-head,.scenario-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.scenario-main{min-height:158px}.scenario-main .arco-typography{margin-bottom:16px}.scenario-main .arco-typography-heading{font-size:28px;line-height:1.35}.scenario-copy{min-height:96px;margin-bottom:0!important;color:#3d4556;font-size:17px;line-height:1.75}.scenario-card .arco-descriptions{margin-top:8px;font-size:16px}.scenario-card .arco-descriptions-item-label{color:#8a94aa;font-size:16px}.scenario-card .arco-descriptions-item-value{color:var(--text);font-size:16px}.scenario-card .arco-descriptions-item{padding-bottom:10px}.time-label,.timer{display:inline-flex;align-items:center;gap:6px;color:#667087;font-size:16px;font-weight:700}.timer{min-width:58px;justify-content:center;color:var(--brand)}.aim-box,.goal-panel,.recommended-panel{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--brand-border);border-radius:6px;background:var(--brand-soft);color:var(--brand);padding:12px}.aim-box{min-height:72px;align-items:flex-start}.aim-box svg{flex:0 0 auto;margin-top:2px}.aim-box span{line-height:1.55}.persona-head{justify-content:flex-start}.persona-panel .persona-head{gap:20px}.persona-panel .persona-head .arco-typography-heading{font-size:28px;line-height:1.3}.persona-panel .arco-typography-secondary{font-size:16px}.persona-panel .arco-space-horizontal{gap:12px!important}.persona-panel .arco-tag{font-size:15px;line-height:24px;padding:0 10px}.persona-panel .arco-descriptions{margin-top:4px}.persona-panel .arco-descriptions-item-label,.persona-panel .arco-descriptions-item-value{font-size:16px}.persona-panel .arco-descriptions-item{padding-bottom:10px}.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.conversation-head .avatar-face{width:64px;height:64px;flex-basis:64px;font-size:20px}.conversation-head .arco-typography-heading{font-size:24px;line-height:1.3}.conversation-meta{display:flex;align-items:center;gap:10px}.call-status{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line);border-radius:999px;background:#f7f8fc;color:#667087;padding:0 12px;font-size:13px;font-weight:700}.call-status.active{border-color:#c9eadb;background:#edf9f2;color:var(--success)}.call-status.ended{border-color:var(--brand-border);background:var(--brand-soft);color:var(--brand)}.avatar-face{width:72px;height:72px;flex:0 0 72px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800;background:var(--brand)}.brand-tag.arco-tag{border-color:var(--brand-border);background:var(--brand-soft);color:var(--brand)}.avatar-face.angry,.avatar-face.frustrated{background:linear-gradient(135deg,#ad3b21,#f47f43)}.avatar-face.anxious,.avatar-face.frightened,.avatar-face.hesitant{background:linear-gradient(135deg,#8a5c00,#f0b23d)}.info-block p{margin:10px 0 0;color:#667087;font-size:17px;line-height:1.75}.feedback-card ul,.info-block ul,.score-bullet-list{margin:10px 0 0;padding-left:18px;color:#667087;line-height:1.7}.call-actions,.highlight-item,.score-row-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.caption-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 6px 18px 0;display:flex;flex-direction:column}.caption-empty{flex:1 1;min-height:240px;display:grid;place-items:center}.caption{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:12px;background:#fff;width:min(82%,760px);min-width:0;overflow-wrap:anywhere}.caption.ai{align-self:flex-start;background:#f8faff}.caption.user{align-self:flex-end;border-color:#d7eadf;background:#f7fcf9}.caption p{margin:8px 0 0;color:#4f5a70;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.end-divider,.resolve-divider{margin:18px 0;text-align:center;color:var(--success);font-weight:800}.end-divider span,.resolve-divider span{border-radius:999px;background:#e9f8f1;padding:8px 14px}.resolve-divider span{border:1px solid #bfead4;background:#dff8eb;color:var(--success)}.conversation-actions{border-top:1px solid var(--line);padding-top:16px}.score-dashboard{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.score-main-panel,.score-sidebar{min-width:0;display:flex;flex-direction:column;gap:18px}.score-total .arco-card-body{min-height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--brand)}.score-total strong{font-size:68px;line-height:1}.score-total small{color:#7d859c}.score-row{padding:14px 0;border-bottom:1px solid var(--line)}.score-row:first-child{padding-top:0}.score-row:last-child{border-bottom:0;padding-bottom:0}.score-row b{color:var(--brand);font-size:24px}.score-row p{margin:8px 0 0;color:#667087;line-height:1.55}.score-list .arco-card-body{padding:20px 22px}.info-icon{color:#8992aa}.evidence-card,.score-actions,.score-section-card{margin-top:18px}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.evidence-card .arco-card-body,.feedback-card .arco-card-body,.score-section-card .arco-card-body{padding:16px 18px}.feedback-card .arco-card-body,.feedback-card.arco-card{height:100%}.feedback-card .arco-card-body{display:flex;flex-direction:column}.feedback-card li,.score-bullet-list li{margin-bottom:8px}.feedback-card li:last-child,.score-bullet-list li:last-child{margin-bottom:0}.highlight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.highlight-item{min-width:0;height:100%;align-items:flex-start;justify-content:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fbfcff;padding:12px}.highlight-item>div{min-width:0}.highlight-item .arco-tag{flex:0 0 auto;min-width:70px;justify-content:center;text-align:center}.evidence-item p,.highlight-item p,.recommended-panel span{margin:8px 0 0;color:#667087;line-height:1.6}.highlight-item strong{display:block;color:#242838;line-height:1.35}.evidence-item .quote,.highlight-item .quote{color:#242838;font-weight:700}.recommended-panel{flex-direction:column;margin-top:0}.score-actions{display:flex;justify-content:flex-start}.empty-actions{margin-top:16px;display:flex;justify-content:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes think{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(4deg) scale(.96)}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (max-width:860px){.login-card .arco-card-body{grid-template-columns:1fr}.login-brand{border-right:0;border-bottom:1px solid var(--line)}.login-brand,.login-form-panel{padding:36px 24px}.call-actions,.conversation-head,.section-head,.session-head,.topbar{align-items:stretch;flex-direction:column}.conversation-panel .arco-card-body{min-height:0}.conversation-panel.arco-card{height:clamp(520px,calc(100dvh - 180px),680px)}.conversation-meta{align-items:flex-start;flex-direction:column}.caption{max-width:100%}.conversation-actions .arco-btn{width:100%}.conversation-actions{align-items:stretch;flex-direction:column}.feedback-grid,.highlight-list,.score-dashboard{grid-template-columns:1fr}.caption.user{margin-left:0}.scenario-card-content,.scenario-main{min-height:0}}