#cpBar{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:100001;display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--surface);padding:10px 12px 10px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);font:600 14px var(--font-body,system-ui);max-width:calc(100vw - 24px)}
#cpBar .cp-ic{font-size:20px;animation:cpRing 1s ease-in-out infinite}
#cpBar.talk .cp-ic{animation:none}
#cpBar small{display:block;font-weight:500;opacity:.75;font-size:12px}
#cpBar button{border:0;border-radius:10px;padding:8px 12px;font:700 13px var(--font-body,system-ui);cursor:pointer}
#cpBar .cp-go{background:var(--free,#2E8C5A);color:#fff}
#cpBar .cp-x{background:rgba(255,255,255,.15);color:inherit;padding:8px 10px}
@keyframes cpRing{0%,100%{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}