.cc-console{--cc-panel-2: #11141b;--cc-line: rgba(255, 255, 255, .07);--cc-line-2: rgba(255, 255, 255, .16);--cc-cyan: #22d3ee;--cc-violet: #8b5cf6;--cc-ok: #34d399;--cc-warn: #f0b429;--cc-mut: #8b95a6;--cc-mut-2: #6b7484;--cc-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;position:relative;border-radius:12px;background:linear-gradient(160deg,#0f1219,#0a0c11);border:1px solid var(--cc-line-2);box-shadow:0 50px 100px -42px #000000eb;overflow:hidden}.cc-console:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(140deg,rgba(34,211,238,.5),transparent 42%,transparent 58%,rgba(139,92,246,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.cc-bar{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--cc-line);background:#ffffff05}.cc-dot{width:8px;height:8px;border-radius:50%;background:#2a3040}.cc-title{margin-left:8px;font-family:var(--cc-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--cc-mut-2)}.cc-live{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--cc-mono);font-size:10px;letter-spacing:.14em;color:var(--cc-cyan)}.cc-pulse{width:6px;height:6px;border-radius:50%;background:var(--cc-cyan);box-shadow:0 0 #22d3eeb3;animation:cc-pl 2.2s infinite}@keyframes cc-pl{70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.cc-body{padding:18px;display:grid;gap:13px}.cc-call{display:flex;align-items:center;gap:13px;padding:13px;border-radius:9px;background:var(--cc-panel-2);border:1px solid var(--cc-line)}.cc-call.is-ringing{animation:cc-ring 1s ease-in-out infinite}@keyframes cc-ring{0%,to{box-shadow:0 0 #22d3ee52}50%{box-shadow:0 0 0 9px #22d3ee00}}.cc-avatar{width:38px;height:38px;border-radius:8px;background:linear-gradient(140deg,#22d3ee38,#8b5cf638);display:grid;place-items:center;flex:0 0 auto}.cc-avatar svg{width:18px;height:18px;stroke:var(--cc-cyan);fill:none;stroke-width:1.7}.cc-info{flex:1;min-width:0}.cc-info b,.cc-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-info b{font-family:var(--font-display);font-size:14px;font-weight:600}.cc-info span{font-family:var(--cc-mono);font-size:11px;color:var(--cc-mut-2)}.cc-badge{font-family:var(--cc-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:4px;border:1px solid;white-space:nowrap}.cc-badge[data-state=ringing]{color:var(--cc-warn);border-color:#f0b42959;background:#f0b42914}.cc-badge[data-state=live]{color:var(--cc-cyan);border-color:#22d3ee61;background:#22d3ee1a}.cc-badge[data-state=done]{color:var(--cc-ok);border-color:#34d39961;background:#34d3991a}.cc-wave{display:flex;align-items:center;justify-content:center;gap:3.5px;height:54px;padding:0 13px;border-radius:9px;background:#22d3ee09;border:1px solid var(--cc-line);transition:background .4s,border-color .4s}.cc-wave[data-speaker=caller]{background:#ffffff06}.cc-wave i{display:block;width:3px;height:5px;border-radius:2px;background:linear-gradient(180deg,var(--cc-cyan),var(--cc-violet));opacity:.85;transition:opacity .35s,background .35s}.cc-wave[data-speaker=caller] i{background:linear-gradient(180deg,#8b95a6,#5d6779);opacity:.7}.cc-wave[data-speaker=none] i{opacity:.45}.cc-tr{border-radius:9px;background:#ffffff04;border:1px solid var(--cc-line);padding:13px;min-height:112px;display:grid;gap:9px;align-content:start}@media(max-width:767px){.cc-tr{min-height:156px}}@media(max-width:430px){.cc-tr{min-height:192px}}.cc-line{display:flex;gap:9px;font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(8px);animation:cc-in .45s ease forwards}@keyframes cc-in{to{opacity:1;transform:none}}.cc-who{font-family:var(--cc-mono);font-size:9.5px;letter-spacing:.1em;padding-top:3px;flex:0 0 auto;min-width:46px;white-space:nowrap}.cc-who[data-who=ai]{color:var(--cc-cyan)}.cc-who[data-who=caller]{color:var(--cc-mut-2)}.cc-line p{color:#c3ccdb}.cc-caret{display:inline-block;width:6px;height:13px;background:var(--cc-cyan);vertical-align:-2px;margin-left:3px;animation:cc-bl .9s steps(1) infinite}@keyframes cc-bl{50%{opacity:0}}.cc-acts{display:grid;gap:7px}.cc-act{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;background:#ffffff04;border:1px solid var(--cc-line);font-size:12.5px;color:var(--cc-mut);opacity:.3;transform:translate(-8px);transition:.5s cubic-bezier(.16,1,.3,1)}.cc-act.is-done{opacity:1;transform:none;color:#dbe3ef;border-color:#22d3ee42;background:#22d3ee0d}.cc-chk{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--cc-line-2);display:grid;place-items:center;flex:0 0 auto;transition:.4s}.cc-act.is-done .cc-chk{border-color:var(--cc-ok);background:#34d39929}.cc-chk svg{width:9px;height:9px;stroke:var(--cc-ok);fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .45s .12s}.cc-act.is-done .cc-chk svg{stroke-dashoffset:0}.cc-t{margin-left:auto;font-family:var(--cc-mono);font-size:10px;color:var(--cc-mut-2)}@media(prefers-reduced-motion:reduce){.cc-console,.cc-console *{animation:none!important;transition:none!important}}