.cp-wrap{position:relative;z-index:2;background:var(--ink);display:flex;justify-content:center;padding:clamp(40px,9vh,120px) 24px clamp(80px,16vh,180px);--text: var(--paper);--text-2: var(--text-2-ink);--hairline: var(--hairline-ink);--brass: var(--brass-ink);--btn-bg: var(--paper);--btn-fg: var(--ink);--brass-btn: var(--brass-paper)}.cp-card{position:relative;width:min(760px,100%);background:#fbfaf808;border:1px solid var(--hairline);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:0 40px 120px -40px #000000e6,0 0 0 1px #fbfaf805 inset}.cp-head,.cp-player,.cp-convo{transition:filter .45s ease}.cp-card.is-gated>.cp-head,.cp-card.is-gated>.cp-player,.cp-card.is-gated>.cp-convo,.cp-card.is-ended>.cp-head,.cp-card.is-ended>.cp-player,.cp-card.is-ended>.cp-convo{filter:blur(7px);pointer-events:none;-webkit-user-select:none;user-select:none}.cp-gate{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;border-radius:inherit;background:radial-gradient(120% 120% at 50% 45%,#17161a6b,#17161ab8);animation:cp-end-in .4s ease both}.cp-card.is-gated .cp-transcript{overflow:hidden}.cp-gate-btn{display:inline-flex;align-items:center;gap:14px;padding:10px 26px 10px 10px;border-radius:999px;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:650;letter-spacing:-.01em;color:var(--btn-fg);background:var(--btn-bg);cursor:pointer;box-shadow:0 18px 44px -14px #000000e6;transition:transform .2s ease,box-shadow .2s ease}.cp-gate-btn:hover{transform:translateY(-1px);box-shadow:0 22px 54px -14px #000000f2}.cp-gate-btn:active{transform:translateY(0) scale(.99)}.cp-gate-btn:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.cp-gate-icon{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;flex:none;color:var(--btn-bg);background:var(--brass)}.cp-gate-icon svg{fill:currentColor;margin-left:3px}.cp-gate-icon:after{content:"";position:absolute;width:46px;height:46px;border-radius:50%;box-shadow:0 0 #c9903f80;animation:cp-gate-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes cp-gate-pulse{0%{box-shadow:0 0 #c9903f80}70%,to{box-shadow:0 0 0 16px #c9903f00}}.cp-gate-sub{margin:0;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-2)}.cp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,28px)}.cp-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--text-2)}.cp-dot{width:8px;height:8px;border-radius:50%;background:var(--text-2)}.cp-live.is-on{color:var(--brass)}.cp-live.is-on .cp-dot{background:var(--brass);box-shadow:0 0 #c9903f80;animation:cp-ping 1.6s ease-out infinite}@keyframes cp-ping{0%{box-shadow:0 0 #c9903f80}70%,to{box-shadow:0 0 0 8px #c9903f00}}.cp-tag{font-size:13px;color:var(--text-2)}.cp-player{display:flex;align-items:center;gap:clamp(16px,2.5vw,24px)}.cp-play{flex:none;width:clamp(52px,6vw,64px);height:clamp(52px,6vw,64px);border-radius:50%;background:var(--btn-bg);color:var(--btn-fg);display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px -10px #000000b3}.cp-play:hover{transform:scale(1.05)}.cp-play:active{transform:scale(.97)}.cp-play svg{fill:currentColor;margin-left:1px}.cp-play.is-playing svg{margin-left:0}.cp-reset{flex:none;display:grid;place-items:center;width:clamp(38px,4.5vw,44px);height:clamp(38px,4.5vw,44px);border-radius:50%;color:var(--text-2);border:1px solid var(--hairline);transition:color .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.cp-reset:hover:not(:disabled){color:var(--brass);border-color:#c9903f66;background:#c9903f14}.cp-reset:active:not(:disabled){transform:scale(.94)}.cp-reset:disabled{opacity:.35;cursor:default}.cp-track{flex:1;min-width:0}.cp-seek{position:relative;height:20px;display:flex;align-items:center;cursor:pointer;outline:none}.cp-seek:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:999px;background:var(--hairline)}.cp-seek:focus-visible{outline:2px solid rgba(201,144,63,.6);outline-offset:6px;border-radius:6px}.cp-seek-fill{position:absolute;left:0;height:4px;border-radius:999px;background:var(--brass);pointer-events:none}.cp-seek-head{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--paper);box-shadow:0 2px 6px #00000080;transform:translate(-50%,-50%);pointer-events:none}.cp-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.cp-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-2);letter-spacing:.02em}.cp-slash{color:var(--hairline);margin:0 2px}.cp-vol{display:flex;align-items:center;gap:8px}.cp-mute{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--text-2);transition:color .2s ease,background .2s ease}.cp-mute:hover{color:var(--text);background:#fbfaf80f}.cp-mute svg{fill:currentColor}.cp-vol-slider{-webkit-appearance:none;appearance:none;width:clamp(64px,8vw,96px);height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brass) var(--fill, 100%),var(--hairline) var(--fill, 100%));cursor:pointer;outline:none}.cp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--paper);box-shadow:0 2px 6px #00000080}.cp-vol-slider::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--paper);box-shadow:0 2px 6px #00000080}.cp-vol-slider:focus-visible{outline:2px solid rgba(201,144,63,.6);outline-offset:4px}.cp-convo{position:relative}.cp-transcript{margin-top:clamp(22px,3.4vw,32px);padding:clamp(22px,3.4vw,32px) 18px 16px 8px;border-top:1px solid var(--hairline);max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(201,144,63,.4) transparent;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.cp-transcript::-webkit-scrollbar{width:6px}.cp-transcript::-webkit-scrollbar-thumb{background:#c9903f59;border-radius:999px}.cp-line{display:flex;flex-direction:column;gap:6px;max-width:82%;opacity:.28;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}.cp-line.is-spoken{opacity:.5;transform:none}.cp-line.is-active{opacity:1;transform:none}.cp-ai{align-self:flex-start;align-items:flex-start}.cp-caller{align-self:flex-end;align-items:flex-end;text-align:right}.cp-speaker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.cp-ai .cp-speaker{color:var(--brass)}.cp-bubble{font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.45;padding:12px 16px;border-radius:16px;margin:0}.cp-ai .cp-bubble{background:#c9903f1a;border:1px solid rgba(201,144,63,.18);border-bottom-left-radius:5px;color:var(--text)}.cp-caller .cp-bubble{background:#fbfaf80f;border:1px solid var(--hairline);border-bottom-right-radius:5px;color:var(--text)}.cp-line.is-active .cp-speaker{color:var(--brass)}.cp-line.is-active .cp-bubble{box-shadow:0 0 0 2px var(--brass),0 14px 34px -12px #c9903f59,0 12px 30px -12px #000000b3}.cp-line.is-active.cp-ai .cp-bubble{background:#c9903f33;color:var(--text)}.cp-line.is-active.cp-caller .cp-bubble{background:#fbfaf81f;color:var(--text)}.cp-note{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:5px 11px 5px 9px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;color:var(--brass);background:linear-gradient(180deg,#c9903f29,#c9903f0f);border:1px solid rgba(201,144,63,.24);opacity:0;transform:translateY(6px) scale(.94);transform-origin:left center;transition:opacity .45s ease,transform .45s cubic-bezier(.2,1.3,.4,1)}.cp-note svg{flex:none;opacity:.9;position:relative;z-index:1}.cp-note.is-shown{opacity:1;transform:none}.cp-note:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(251,250,248,.55) 50%,transparent 70%);transform:translate(-130%);opacity:0;pointer-events:none}.cp-note.is-shown:after{animation:cp-shimmer 3.8s ease-in-out .45s infinite}@keyframes cp-shimmer{0%{transform:translate(-130%);opacity:0}6%{opacity:1}30%{transform:translate(130%);opacity:0}to{transform:translate(130%);opacity:0}}.cp-note.is-star{color:var(--ink);background:var(--brass);border-color:transparent;box-shadow:0 6px 18px -6px #c9903f8c}.cp-line.is-active .cp-note.is-star{animation:cp-note-pulse 2.4s ease-in-out infinite}@keyframes cp-note-pulse{0%,to{box-shadow:0 6px 18px -6px #c9903f80}50%{box-shadow:0 6px 26px -4px #c9903fd9}}.cp-end{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:28px;border-radius:inherit;text-align:center;background:radial-gradient(120% 120% at 50% 42%,#17161a80,#17161acc);animation:cp-end-in .5s ease both}@keyframes cp-end-in{0%{opacity:0}to{opacity:1}}.cp-end-inner{max-width:440px;animation:cp-end-rise .55s cubic-bezier(.2,.9,.3,1) .06s both}@keyframes cp-end-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cp-end-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}.cp-end-title{font-size:clamp(1.25rem,2.7vw,1.65rem);line-height:1.24;margin:0 0 22px;color:var(--text)}.cp-end-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cp-end .cp-end-primary{padding:12px 14px 12px 24px;font-weight:700;font-size:15px;box-shadow:0 10px 30px -10px #000000b3}.cp-end .cp-end-primary:hover{transform:translateY(-1px);box-shadow:0 16px 38px -10px #000000d9}.cp-end-replay{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font-weight:600;font-size:15px;color:var(--text-2);border:1px solid var(--hairline);transition:color .2s ease,border-color .2s ease,background .2s ease}.cp-end-replay:hover{color:var(--text);border-color:#c9903f80;background:#c9903f0f}.cp-end-replay svg{fill:none}@media(max-width:768px){.cp-transcript{overflow-y:hidden}.cp-line{max-width:92%}.cp-tag{width:100%}.cp-note{white-space:normal}.cp-mute,.cp-reset{position:relative}.cp-mute:after,.cp-reset:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){.cp-live.is-on .cp-dot,.cp-line.is-active .cp-note.is-star,.cp-note.is-shown:after,.cp-end,.cp-end-inner,.cp-gate,.cp-gate-icon:after{animation:none}.cp-transcript{scroll-behavior:auto}}