.ac{--ink:#0f172a;--ink-2:#4b5563;--mute:#94a3b8;--line:#e4e7ec;--page:#f4f5f7;--soft:#eef0f4;--ios:cubic-bezier(.32, .72, 0, 1);width:100%;max-width:420px;margin-inline:auto;position:relative}.ac__frame{position:relative}.ac__stage{transform-origin:top;perspective:1600px;width:380px;height:740px;margin-left:-190px;position:absolute;top:0;left:50%}.ac__phone{background:linear-gradient(150deg,#44454b,#0b0b0d 38%,#1f2024 70%,#3a3b40);border-radius:54px;width:342px;height:708px;padding:11px;position:absolute;top:14px;left:19px;transform:rotateY(-9deg)rotateX(3deg)rotate(-2.5deg);box-shadow:inset 0 0 0 1.5px #ffffff1f,0 0 0 1px #00000059,0 60px 90px -35px #460f00bf,0 25px 40px -25px #00000080}.ac__screen{background:var(--page);height:100%;color:var(--ink);font-family:Inter, -apple-system, "SF Pro Text", var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate;border-radius:43px;position:relative;overflow:hidden}.ac__screen>section{background:var(--page);position:absolute;inset:0}.ac__bar{color:#000;justify-content:space-between;align-items:center;height:38px;padding:0 22px 0 30px;font-size:13px;font-weight:600;display:flex}.ac__bar--light{color:#fff}.ac__island{background:#000;border-radius:14px;width:86px;height:25px}.ac__icons{align-items:center;gap:4px;display:inline-flex}.ac__batt{opacity:.85;background:linear-gradient(90deg,currentColor 35%,#0000 35%) padding-box content-box;border:1.4px solid;border-radius:3px;width:21px;height:10px;padding:1px}.ac__sq{width:30px;height:30px;color:var(--ink);background:#fff;border:1px solid #d9dde3;border-radius:8px;flex:none;place-items:center;display:grid}.ac__avatar{background:var(--soft);color:#8a94a6;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.ac__avatar--sm{width:33px;height:33px}.ac__live{z-index:3;transition:transform .56s var(--ios), opacity .4s ease;padding:0 12px}.ac__live .ac__bar{margin:0 -12px}.ac__detail-head--live{align-items:flex-start;margin-top:21px}.ac__detail-head--live>.ac__sq,.ac__detail-head--live>.ac__call-btn{margin-top:2px}.ac__avatar--contact{color:#fff;background:#5b5bd6;font-size:13px;font-weight:700}.ac__detail-head--live strong{font-size:13px}.ac__detail-head em{color:#374151;font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px;font-style:normal;display:block}.ac__progress{color:#fff;background:#5a5be0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:30px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.ac__progress i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite ac-blink}@keyframes ac-blink{50%{opacity:.3}}.ac__chip--live{color:#1e3a8a;background:#ebf3fe;border-color:#bcd4fb}.ac__live-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr);margin-top:12px;padding:13px 12px 12px;display:grid}.ac__live-card .ac__t-title{margin-bottom:0}.ac__grow{opacity:0;transition:grid-template-rows .5s var(--ios), opacity .35s ease .12s;grid-template-rows:0fr;display:grid}.ac__grow>div{min-height:0;overflow:hidden}.ac__grow .ac__msg{margin-top:7px}.ac__grow[data-on=true]{opacity:1;grid-template-rows:1fr}.ac__controls{border:1px solid var(--line);background:#fff;border-radius:14px;gap:7px;margin-top:12px;padding:12px;display:grid}.ac__instr{height:35px;color:var(--mute);border:1px solid #d6dae1;border-radius:10px;align-items:center;padding:0 11px;font-size:11px;display:flex}.ac__ctl-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ac__whisper,.ac__end{border-radius:10px;place-items:center;height:35px;font-size:12px;font-weight:700;display:grid}.ac__whisper{color:#8a94a6;border:1px solid #d6dae1}.ac__end{color:#fff;background:#d94b43}.ac__list{z-index:1;transition:transform .56s var(--ios), filter .56s ease;padding:0 12px;transform:translate(100%)}.ac__list .ac__bar{margin:0 -12px}.ac__list-head{align-items:flex-start;gap:9px;margin-top:21px;display:flex}.ac__list-head strong{letter-spacing:-.02em;margin-top:-4px;font-size:23px;font-weight:800;line-height:1.15;display:block}.ac__list-head span:not(.ac__sq){color:var(--mute);font-size:10px;display:block}.ac__search{height:35px;color:var(--mute);background:#fff;border:1px solid #d6dae1;border-radius:10px;align-items:center;margin-top:12px;padding:0 11px;font-size:11px;display:flex}.ac__rows{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:11px;display:grid}.ac__row{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;height:64px;padding:0 11px;transition:background-color .3s,border-color .3s,transform .2s;display:flex}.ac__row-main{flex:1;min-width:0}.ac__row-top,.ac__row-sub{align-items:center;gap:6px;display:flex}.ac__row-top strong{font-variant-numeric:tabular-nums;flex:1;font-size:12.5px;font-weight:700}.ac__row-top span{color:var(--mute);font-size:9.5px}.ac__row-sub{margin-top:5px}.ac__row-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);flex:1;font-size:9.5px;overflow:hidden}.ac__blocked{color:#9b1c1c;background:#fdecec;border:1px solid #f3b9b9;border-radius:999px;flex:none;padding:2px 7px;font-size:9.5px;font-weight:700}.ac__dur{color:var(--mute);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:9.5px;display:inline-flex}.ac__sq--row{width:28px;height:28px}.ac__detail{z-index:2;transition:transform .56s var(--ios);padding:0 12px;transform:translate(100%);box-shadow:-20px 0 40px -20px #0f172a40}.ac__detail .ac__bar{margin:0 -12px}.ac__detail-head{align-items:center;gap:8px;margin-top:19px;display:flex}.ac__detail-head div{flex:1;min-width:0}.ac__detail-head strong{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;display:block}.ac__detail-head div span{color:var(--mute);margin-top:2px;font-size:9.5px;display:block}.ac__call-btn{color:#fff;background:#5ab681;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.ac__chips{gap:6px;margin-top:12px;display:flex}.ac__chip{color:#374151;background:#f2f3f5;border:1px solid #cfd3da;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:700}.ac__chip--ok{color:#1f6a45;background:#e9f9f0;border-color:#a9e5c5}.ac__card{border:1px solid var(--line);background:#fff;border-radius:14px;position:absolute;inset:134px 12px -20px;overflow:hidden}.ac__transcript{gap:7px;padding:13px 12px 30px;transition:transform 4.6s cubic-bezier(.45,0,.25,1);display:grid}.ac__t-title{margin-bottom:2px;font-size:12px;font-weight:700}.ac__msg{background:#f0f1f4;border-radius:12px;max-width:82%;padding:8px 9px 9px}.ac__msg[data-who=customer]{background:#edf3fc;justify-self:end}.ac__msg span{color:var(--mute);font-size:9px}.ac__msg p{margin:3px 0 0;font-size:11px;line-height:1.47}.ac__stage[data-step=list] .ac__live,.ac__stage[data-step=tap] .ac__live{transform:translate(100%)}.ac__stage[data-step=detail] .ac__live,.ac__stage[data-step=scroll] .ac__live{opacity:0;transition:none;transform:translate(100%)}.ac__stage[data-step=out] .ac__live{transition:opacity .55s cubic-bezier(.4,0,.2,1)}.ac__stage[data-step=call] .ac__list,.ac__stage[data-step=call] .ac__detail,.ac__stage[data-step=call] .ac__transcript,.ac__stage[data-step=call] .ac__row{transition:none}.ac__stage[data-step=call] .ac__list,.ac__stage[data-step=detail] .ac__list,.ac__stage[data-step=scroll] .ac__list,.ac__stage[data-step=out] .ac__list{filter:brightness(.94);transform:translate(-28%)}.ac__stage[data-step=list] .ac__list,.ac__stage[data-step=tap] .ac__list{transform:none}.ac__stage[data-step=tap] .ac__row[data-open]{background:var(--soft);border-color:#d6dae1;transform:scale(.975)}.ac__stage[data-step=detail] .ac__detail,.ac__stage[data-step=scroll] .ac__detail,.ac__stage[data-step=out] .ac__detail{transform:none}.ac__stage[data-step=scroll] .ac__transcript,.ac__stage[data-step=out] .ac__transcript{transform:translateY(var(--scroll,0px))}.ac__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ac *,.ac :before{transition:none!important;animation:none!important}}