:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#102033;background:radial-gradient(circle at top left,rgba(249,202,36,.18),transparent 32%),linear-gradient(180deg,#f6f1e8,#ebe4d7)}*{box-sizing:border-box}body{margin:0}button{font:inherit}.page{min-height:100vh;padding:32px 20px 48px}.shell{width:min(1160px,100%);margin:0 auto;display:grid;gap:20px}.hero{padding:8px 4px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#856404}h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:.94}.intro{max-width:780px;margin:14px 0 0;font-size:17px;line-height:1.6;color:#415366}.panel{border-radius:24px;border:1px solid rgba(126,108,72,.18);background:#fffcf7eb;box-shadow:0 18px 48px #10203314}.controls{padding:22px;display:grid;gap:18px}.control-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.label{min-width:84px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7a6845}.primary-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;background:#102033;color:#fff7eb;box-shadow:0 10px 24px #1020332e}.primary-button:hover{transform:translateY(-1px)}.primary-button.is-live{background:#bb2d3b}.pill{padding:8px 12px;border-radius:999px;background:#ece4d3;color:#66522a;font-size:13px}.pill.live{background:#fde7ea;color:#8a2431}.pill.configured{background:#e1f6df;color:#23613b}.metric-card{min-width:132px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(16,32,51,.08)}.metric-card strong{display:block;font-size:24px;line-height:1}.metric-card span{display:block;margin-top:6px;color:#5f6f82;font-size:13px}.status,.error-text{margin:0;font-size:15px}.status{color:#44556a}.error-text{color:#a12432}.content-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px}.content-grid>.panel{padding:22px}.full-analysis-panel{padding:22px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}h2{margin:0;font-size:24px}.count{color:#6b7280;font-size:14px}.transcript-list,.speaker-insights,.analysis-list,.insight-list,.context-list{display:grid;gap:12px}.transcript-item,.insight-card{padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(16,32,51,.08)}.transcript-item.draft{border-style:dashed;background:#fff7e8}.transcript-meta,.insight-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px;color:#6b7280}.transcript-item p,.analysis-card p,.analysis-list dd,.analysis-list dt,.insight-list dd,.insight-list dt,.empty-state{margin:0}.speaker-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:4px 10px;border-radius:999px;font-weight:700;text-transform:lowercase}.speaker_1{background:#fdecc8;color:#7b4f00}.me{background:#d9ecff;color:#0f4a7c}.other{background:#fdecc8;color:#7b4f00}.speaker_2{background:#d9ecff;color:#0f4a7c}.speaker_3{background:#e1f6df;color:#23613b}.analysis-card{display:grid;gap:14px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#f1dca773,#ffffffeb),#fff;border:1px solid rgba(122,104,69,.16)}.analysis-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b6b20}.analysis-summary{font-size:18px;line-height:1.6;color:#24364a}.analysis-list div,.insight-list div,.context-list div{padding-top:12px;border-top:1px solid rgba(16,32,51,.08)}.analysis-list dt,.insight-list dt,.context-list dt{margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7a6845}.analysis-list dd,.insight-list dd,.context-list dd,.insight-text,.raw-meta{line-height:1.5;color:#24364a}.context-card{padding:16px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(16,32,51,.08)}.raw-meta{margin-top:10px;font-size:12px;color:#6b7280;word-break:break-word}.empty-state{padding:24px;border-radius:16px;background:#ffffffb8;color:#667789}@media (max-width: 800px){.page{padding-inline:16px}.content-grid{grid-template-columns:1fr}.controls,.content-grid>.panel{padding:18px}.control-group{align-items:flex-start;flex-direction:column}.label{min-width:auto}}
