*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.session-controls{display:flex;gap:.5rem;align-items:center;margin:1rem 0}.session-controls select{padding:.25rem .5rem}.transcript-feed{margin:1rem 0}.transcript-state{padding:.25rem .5rem;font-weight:600;margin-bottom:.5rem}.transcript-state[data-state=IDLE]{background:#e5e7eb}.transcript-state[data-state=ACTIVE]{background:#bbf7d0}.transcript-state[data-state=PAUSED]{background:#fef08a}.transcript-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;padding:.5rem}.utterance{display:flex;gap:.5rem;margin-bottom:.5rem}.utterance-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden}.utterance-avatar img{width:100%;height:100%;object-fit:cover}.utterance-avatar-placeholder{width:100%;height:100%;background:#9ca3af}.utterance-meta{display:flex;gap:.5rem;font-size:.875rem;color:#6b7280}.session-history{margin-top:2rem}.session-history h3{margin:0 0 .5rem}.session-list{list-style:none;padding:0;margin:0}.session-list li{margin-bottom:.25rem}.session-list button{padding:.25rem .5rem;cursor:pointer;text-align:left;width:100%}.session-list button.selected{background:#dbeafe}.session-detail{margin-top:1rem;padding:1rem;border:1px solid #e5e7eb}.activity-page,.dashboard-page{padding:1rem}.activity-page .error,.dashboard-page .error{color:#dc2626;margin:.5rem 0}.loading-screen{padding:2rem}.activity-page .hint{color:#6b7280;margin:.5rem 0}