:root{color:#111827;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 20px}.topbar h1,.topbar p,.section-title h2,.section-title p{margin:0}.topbar h1{font-size:24px;line-height:1.2}.topbar p,.section-title p,.timeline-head span,.result-card span,.empty-state{color:#667085}.start-page,.session-page{max-width:1180px;margin:0 auto}.start-page{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.session-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.call-panel,.template-panel,.session-summary,.timeline-panel,.result-panel{border:1px solid #e4e7ec;border-radius:8px;background:#fff;box-shadow:0 10px 30px #0f172a0f}.call-panel,.template-panel,.timeline-panel,.result-panel{padding:20px}.session-summary{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.session-summary h2,.session-summary p{margin:0}.eyebrow{color:#667085;font-size:12px;font-weight:700}.section-title{display:grid;gap:6px;margin-bottom:18px}.section-title h2{font-size:18px;line-height:1.3}.call-form{display:grid;gap:14px}.call-form label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:700}.call-form input{width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;color:#101828;background:#fff}.primary-button,.ghost-button,.audio-button{min-height:38px;border:0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:800}.primary-button{min-height:44px;color:#fff;background:#176b5d}.primary-button:disabled{cursor:not-allowed;opacity:.68}.ghost-button{border:1px solid #d0d5dd;color:#344054;background:#fff}.template-list{display:grid;gap:10px}.template-option{display:grid;gap:6px;width:100%;border:1px solid #e4e7ec;border-radius:8px;padding:13px;text-align:left;color:#344054;background:#fff}.template-option span{color:#667085;font-size:13px;line-height:1.5}.template-option--active{border-color:#176b5d;background:#f0fdfa}.status-block{display:grid;justify-items:end;gap:7px}.status-pill{width:max-content;border-radius:999px;padding:4px 10px;color:#175cd3;background:#eff8ff;font-size:12px;font-weight:800}.status-pill[data-status=ended]{color:#067647;background:#ecfdf3}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;opacity:.58}.timeline-item--done,.timeline-item--active{opacity:1}.timeline-marker{position:relative;margin-top:7px;width:12px;height:12px;border:2px solid #98a2b3;border-radius:50%;background:#fff}.timeline-item:not(:last-child) .timeline-marker:after{position:absolute;top:12px;left:3px;width:2px;height:calc(100% + 74px);min-height:58px;content:"";background:#e4e7ec}.timeline-item--done .timeline-marker{border-color:#176b5d;background:#176b5d}.timeline-item--active .timeline-marker{border-color:#2563eb;background:#2563eb;box-shadow:0 0 0 8px #2563eb1f}.timeline-content{display:grid;gap:9px;margin-bottom:18px;border:1px solid #e4e7ec;border-radius:8px;padding:13px;background:#fff}.timeline-item--active .timeline-content{border-color:#93c5fd;background:#f8fbff}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-content p{margin:0;color:#344054;line-height:1.55}.understanding-card,.result-card{display:grid;gap:8px;border-radius:8px;padding:12px;background:#f8fafc}.audio-button{justify-self:start;color:#1d4ed8;background:#dbeafe}.empty-state{border:1px dashed #d0d5dd;border-radius:8px;padding:18px;text-align:center}.error-banner{position:fixed;right:20px;bottom:20px;max-width:min(520px,calc(100vw - 40px));border:1px solid #fecaca;border-radius:8px;padding:12px 14px;color:#991b1b;background:#fff1f2;box-shadow:0 12px 28px #7f1d1d24}@media(max-width:860px){.app-shell{padding:16px}.topbar,.session-summary{align-items:flex-start;flex-direction:column}.start-page,.session-page{grid-template-columns:1fr}.status-block{justify-items:start}}