:root{--bg-grad-from: #f8fafc;--bg-grad-to: #ede9fe;--panel-bg: rgba(255, 255, 255, .85);--panel-border: rgba(15, 23, 42, .08);--shadow: 0 10px 40px rgba(15, 23, 42, .08);--primary: #6366f1;--primary-hover: #4f46e5;--danger: #ef4444;--text: #0f172a;--text-dim: #475569;--user-bubble: #6366f1;--user-text: #ffffff;--ai-bubble: #ffffff;--ai-text: #0f172a;--ai-border: rgba(99, 102, 241, .18);--system-text: #64748b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:linear-gradient(135deg,var(--bg-grad-from),var(--bg-grad-to));font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}.layout{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:24px;padding:24px;height:100vh}@media(max-width:768px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:12px;gap:12px;height:100vh}}.leftPanel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:auto}.avatarWrap{width:128px;height:128px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ddd6fe,#c7d2fe);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.avatarWrap img{width:100%;height:100%;object-fit:cover}.avatarPlaceholder{font-size:56px}.leftPanel h1{margin:0 0 8px;font-size:22px;font-weight:600}.leftPanel p{color:var(--text-dim);font-size:14px;margin:0 0 12px;line-height:1.6}.actionRow{margin-top:16px;width:100%;display:flex;flex-direction:column;gap:10px}button.primary,button.danger,button.ghost{width:100%;border:none;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .05s ease}button.primary{background:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.primary:disabled,button.ghost:disabled,button.danger:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:#dc2626}button.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--panel-border)}button.ghost:hover:not(:disabled){background:#0f172a0a}.stageHud{background:#6366f114;border:1px solid rgba(99,102,241,.16);border-radius:12px;padding:12px 16px;margin-top:16px;width:100%;text-align:left;font-size:13px;color:var(--text-dim)}.stageHud strong{color:var(--text);margin-right:6px}.stageHud .stagePips{display:flex;gap:4px;margin-top:6px}.stageHud .stagePip{height:4px;flex:1;background:#6366f133;border-radius:2px}.stageHud .stagePip.active{background:var(--primary)}.stageHud .stagePip.done{background:var(--primary-hover);opacity:.6}.elapsed{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:13px;margin-top:8px}.statusLine{margin-top:16px;font-size:13px;color:var(--text-dim);min-height:18px}.statusLine.error{color:var(--danger)}.statusLine.ok{color:#059669}.rightPanel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);padding:20px 24px;display:flex;flex-direction:column;overflow:hidden}.chatHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--panel-border);margin-bottom:12px}.chatHeader .title{font-weight:600;font-size:16px}.chatHeader .tag{display:inline-block;padding:2px 10px;background:#6366f11a;color:var(--primary-hover);border-radius:999px;font-size:12px}.chatLog{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:10px}.msg{max-width:80%;padding:12px 16px;border-radius:16px;line-height:1.6;font-size:14px;word-break:break-word}.msg.user{align-self:flex-end;background:var(--user-bubble);color:var(--user-text);border-bottom-right-radius:4px}.msg.assistant{align-self:flex-start;background:var(--ai-bubble);color:var(--ai-text);border:1px solid var(--ai-border);border-bottom-left-radius:4px}.msg.system{align-self:center;max-width:90%;text-align:center;background:transparent;color:var(--system-text);font-size:12px;padding:4px 8px}.msg.interim{opacity:.65;font-style:italic}.liveBar{margin-top:12px;border-top:1px solid var(--panel-border);padding-top:12px;display:flex;align-items:center;gap:12px}.dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.dot.listening{background:var(--primary);animation:pulse 1s infinite}.dot.speaking{background:#10b981;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.statusText{color:var(--text-dim);font-size:13px}