*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#e5e5e5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;background:#fff;color:#000;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500}button:hover{opacity:.9}button:disabled{opacity:.4;cursor:not-allowed}main{max-width:720px;margin:0 auto;padding:32px 20px}h1{font-size:28px;margin-bottom:8px}h2{font-size:20px;margin:24px 0 8px}p{line-height:1.5;margin-bottom:8px}.agent-card{display:block;padding:16px 20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:12px;transition:border-color .2s}.agent-card:hover{border-color:#444}.agent-name{font-size:18px;font-weight:600}.agent-role{font-size:14px;color:#999;margin-top:2px}.status{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;background:#2a2a2a;color:#999}.status.live{background:#14532d;color:#86efac}.controls{display:flex;gap:12px;margin:24px 0}.transcript{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:16px 20px;margin-top:24px;max-height:50vh;overflow-y:auto}.transcript p{color:#ccc;margin-bottom:12px}.transcript p:last-child{margin-bottom:0}