.rc-phone{--a:#8b6cff;position:relative;width:100%;max-width:380px;margin:auto;background:#120f29;color:#efeaff;border-radius:34px;padding:16px;box-shadow:0 30px 80px rgba(40,20,110,.5),inset 0 0 0 1px rgba(255,255,255,.08);font:15px/1.5 'Noto Sans',system-ui,sans-serif}
.rc-top{display:flex;align-items:center;gap:10px;padding:6px 4px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.rc-top b{display:block;font-size:15px}.rc-top small{color:#b8aee8;font-size:12px}
.rc-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffb648,#ff8a5c);font-size:20px;flex:none}
.rc-lang{margin-left:auto;background:#1d1840;color:#efeaff;border:1px solid #3a3170;border-radius:10px;padding:6px;font:inherit;font-size:13px}
.rc-log{height:300px;overflow:auto;padding:12px 2px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.rc-log:empty::before{content:"📞";font-size:56px;margin:auto;opacity:.35;animation:rcp 2.4s ease-in-out infinite}
.rc-m{max-width:86%;padding:8px 12px;border-radius:16px;animation:rcin .25s ease both;white-space:pre-wrap}
.rc-m small{display:block;font-size:10.5px;opacity:.6;text-transform:uppercase;letter-spacing:.06em}
.rc-m.a{background:#221c45;border-bottom-left-radius:4px}.rc-m.u{align-self:flex-end;background:#6a4cf5;border-bottom-right-radius:4px}
.rc-wa{background:#e7ffdb;color:#111;border-radius:14px;padding:10px 12px;animation:rcin .4s ease both}
.rc-wah{font-weight:700;color:#075e54;font-size:13px;margin-bottom:6px}.rc-wab{background:#fff;border-radius:10px;padding:8px 10px;font-size:13.5px}.rc-wab small{display:block;text-align:right;color:#4fb3ff}
.rc-wave{display:flex;gap:4px;justify-content:center;height:28px;align-items:center;opacity:.25;transition:opacity .2s}
.rc-wave i{width:4px;height:6px;border-radius:3px;background:#ffb648}
[data-s=li] .rc-wave,[data-s=sp] .rc-wave{opacity:1}[data-s=li] .rc-wave i,[data-s=sp] .rc-wave i{animation:rcw .9s ease-in-out infinite}
.rc-wave i:nth-child(2){animation-delay:.1s!important}.rc-wave i:nth-child(3){animation-delay:.2s!important}.rc-wave i:nth-child(4){animation-delay:.3s!important}.rc-wave i:nth-child(5){animation-delay:.2s!important}.rc-wave i:nth-child(6){animation-delay:.1s!important}
[data-s=th] .rc-wave{opacity:.8}[data-s=th] .rc-wave i{animation:rcp 1s ease-in-out infinite}
.rc-ctl{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}
.rc-go{grid-column:1/-1;min-height:52px;border:0;border-radius:26px;background:linear-gradient(135deg,#8b6cff,#6a4cf5);color:#fff;font:700 16px/1.2 inherit;font-family:inherit;cursor:pointer;transition:transform .15s}
.rc-go:active{transform:scale(.97)}[data-s=li] .rc-go{background:#ff5a5f;color:#fff;animation:rcr 1.2s ease-in-out infinite}
.rc-tx{display:flex;gap:6px;min-width:0}.rc-tx input{flex:1;min-width:0;background:#1d1840;border:1px solid #3a3170;color:#fff;border-radius:22px;padding:10px 14px;font:inherit}
.rc-tx button{border:0;border-radius:22px;background:#2e2660;color:#efeaff;padding:0 14px;font:inherit;cursor:pointer}
.rc-end{width:44px;height:44px;border-radius:50%;border:0;background:#3a1f22;color:#ff8a8f;font-size:18px;cursor:pointer}
.rc-note{margin:8px 0 0;font-size:12px;color:#b8aee8;text-align:center;min-height:1em}
@keyframes rcw{0%,100%{height:6px}50%{height:26px}}@keyframes rcp{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.08);opacity:.7}}
@keyframes rcin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rcr{0%,100%{box-shadow:0 0 0 0 rgba(255,90,95,.5)}50%{box-shadow:0 0 0 10px rgba(255,90,95,0)}}
@media(prefers-reduced-motion:reduce){.rc-phone *{animation:none!important;transition:none!important}}