:root{--call-purple:#6252df;--call-orange:#ff7a3d;--call-ink:#12151c;--call-muted:#677181;--call-line:#e5e7ec}*{box-sizing:border-box}body{margin:0}.mobile-call-shell{min-height:100vh;color:var(--call-ink);background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mobile-call-header{border-bottom:1px solid var(--call-line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 max(16px,50vw - 360px);display:flex}.mobile-call-header>a{color:var(--call-ink);align-items:center;gap:9px;text-decoration:none;display:flex}.mobile-call-header>a>span{color:#fff;background:#17133f;border-radius:9px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid;position:relative}.mobile-call-header>a>span i{border:2px solid #7769ef;border-radius:5px;position:absolute;inset:5px}.mobile-call-header a b{font-size:13px}.mobile-call-header>div{align-items:center;gap:7px;display:flex}.mobile-call-header>div i{background:#36b879;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #36b87915}.mobile-call-header>div i.error{background:#e2544b;box-shadow:0 0 0 4px #e2544b15}.mobile-call-header small{color:#66707e;font-size:9px}.mobile-call-main{width:min(100%,720px);margin:auto;padding:29px 16px 55px}.mobile-call-title{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:18px;display:flex}.mobile-call-title span,.target-card header span,.mobile-call-history header span{color:var(--call-purple);letter-spacing:1.5px;font-size:8px;font-weight:900}.mobile-call-title h1{letter-spacing:-1px;margin:5px 0 4px;font-size:31px}.mobile-call-title p{color:var(--call-muted);margin:0;font-size:10px}.mobile-call-title>a{color:#4f43bc;white-space:nowrap;background:#fff;border:1px solid #d8dae1;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:800;text-decoration:none}.mobile-call-card{border:1px solid var(--call-line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 32px #151b2c08}.call-setup{margin-bottom:12px;padding:17px}.call-setup>label,.counter-field>label,.message-field{color:#343c48;gap:6px;font-size:9px;font-weight:800;display:grid}.call-setup select,.counter-field input,.message-field input{color:#11141b;width:100%;height:45px;font:inherit;background:#fff;border:1px solid #d9dce3;border-radius:9px;outline:0;padding:0 12px;font-size:12px}.call-setup select:focus,.counter-field input:focus,.message-field input:focus{border-color:var(--call-purple);box-shadow:0 0 0 3px #6252df13}.manage-screens{text-align:left;cursor:pointer;background:#fafbfc;border:1px solid #e0e2e8;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:53px;margin-top:12px;padding:7px 10px;display:flex}.manage-screens>span{width:31px;height:31px;color:var(--call-purple);background:#eeebff;border-radius:8px;place-items:center;display:grid}.manage-screens>div{flex:1}.manage-screens strong,.manage-screens small{display:block}.manage-screens strong{font-size:10px}.manage-screens small{color:#77808d;margin-top:3px;font-size:8px}.manage-screens>b{color:#66707e;font-size:17px}.assignment-panel{border-top:1px solid var(--call-line);margin-top:12px;padding-top:12px}.assignment-panel>p{color:#66707e;margin:0 0 10px;font-size:9px;line-height:1.5}.assignment-panel>div,.target-list{gap:7px;display:grid}.assignment-panel>div>button,.target-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe1e7;border-radius:9px;align-items:center;gap:9px;min-height:51px;padding:7px 9px;display:flex}.assignment-panel>div>button.selected,.target-list>button.selected{border-color:var(--call-purple);background:#f4f1ff}.assignment-panel button>i,.target-list button>i{color:#fff;border:1px solid #c7ccd5;border-radius:6px;place-items:center;width:21px;height:21px;font-size:11px;font-style:normal;display:grid}.assignment-panel button.selected>i,.target-list button.selected>i{border-color:var(--call-purple);background:var(--call-purple)}.assignment-panel button>span,.target-list button>span{flex:1;min-width:0}.assignment-panel strong,.assignment-panel small,.target-list strong,.target-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.assignment-panel strong,.target-list strong{font-size:10px}.assignment-panel small,.target-list small{color:#737c89;margin-top:3px;font-size:8px}.assignment-panel em,.target-list em{background:#c8ccd3;border-radius:50%;width:7px;height:7px}.assignment-panel em.online,.target-list em.online{background:#38b87a}.save-assignments{background:var(--call-purple);color:#fff;border:0;border-radius:9px;width:100%;height:42px;margin-top:11px;font-size:10px;font-weight:850}.target-card{margin-bottom:12px}.target-card>header,.mobile-call-history>header{border-bottom:1px solid var(--call-line);justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.target-card h2,.mobile-call-history h2{margin:4px 0 0;font-size:13px}.target-card header button{color:#5143c6;background:0 0;border:0;font-size:9px;font-weight:800}.target-list{padding:12px}.target-list>p,.mobile-call-history>div>p{text-align:center;color:#7a828e;margin:5px;font-size:9px}.mobile-call-controls{border:1px solid var(--call-line);background:#fff;border-radius:15px;padding:18px}.counter-field>div{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.counter-field>div button{color:#555e6b;background:#fff;border:1px solid #dcdfe5;border-radius:7px;height:32px;font-size:8px}.counter-field>div button.active{border-color:var(--call-purple);color:#4838c5;background:#f0edff;font-weight:800}.message-field{margin-top:14px}.duration-field{grid-template-columns:1fr 38px 62px 38px;align-items:center;gap:5px;margin-top:14px;display:grid}.duration-field>span{font-size:9px;font-weight:800}.duration-field button{background:#f8f9fa;border:1px solid #dcdfe5;height:36px;font-size:16px}.duration-field button:first-of-type{border-radius:8px 0 0 8px}.duration-field button:last-of-type{border-radius:0 8px 8px 0}.duration-field strong{border-top:1px solid #dcdfe5;border-bottom:1px solid #dcdfe5;justify-content:center;align-items:center;height:36px;font-size:14px;display:flex}.duration-field strong small{color:#7a8290;margin-left:2px;font-size:7px}.call-action-zone{grid-template-columns:1fr 210px;align-items:center;gap:15px;margin:17px 0;display:grid}.call-preview{color:#fff;text-align:center;background:radial-gradient(circle at 50% 25%,#6b5be1,#372985 58%,#1d174e);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:173px;padding:22px;transition:all .25s;display:flex}.call-preview.sent{background:radial-gradient(circle at 50% 25%,#47bf85,#17714b 60%,#0b3f2a)}.call-preview small{letter-spacing:1.5px;color:#d2cdf8;font-size:7px}.call-preview p{margin:13px 0 2px;font-size:10px}.call-preview strong{color:#ffc568;font-size:29px}.call-preview span{color:#e3defe;margin-top:9px;font-size:8px}.giant-call-button{aspect-ratio:1;color:#fff;cursor:pointer;background:linear-gradient(145deg,#ff944e,#f05d39);border:8px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .12s,filter .2s;display:flex;box-shadow:0 13px 30px #eb643d3d,0 0 0 1px #e7e8ec}.giant-call-button:active:not(:disabled){transform:scale(.96)}.giant-call-button:disabled{filter:grayscale(.65);opacity:.55;box-shadow:0 5px 15px #20283816}.giant-call-button.sending{animation:1s infinite call-pulse}.giant-call-button.sent{filter:none;opacity:1;background:linear-gradient(145deg,#44c587,#219b66)}.giant-call-button i{background:#ffffff26;border-radius:50%;place-items:center;width:44px;height:44px;font-size:25px;font-style:normal;display:grid}.giant-call-button strong{letter-spacing:.8px;margin-top:10px;font-size:12px}.giant-call-button small{color:#fffbd3;margin-top:4px;font-size:7px}@keyframes call-pulse{50%{box-shadow:0 13px 42px #ed6a45aa,0 0 0 10px #f2734c20}}.mobile-call-error{color:#9f3d36;background:#fff5f4;border:1px solid #f0c3bf;border-radius:10px;align-items:center;gap:8px;min-height:48px;margin-bottom:13px;padding:9px 11px;font-size:9px;display:flex}.mobile-call-error>b{color:#fff;background:#d95047;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.mobile-call-error span{flex:1}.mobile-call-error button{color:#9f3d36;background:0 0;border:0;font-size:18px}.mobile-call-history>header>b{color:#5142c7;background:#eeebff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.mobile-call-history>div article{border-top:1px solid #eff0f3;align-items:center;gap:10px;min-height:57px;padding:8px 15px;display:flex}.mobile-call-history>div article:first-child{border-top:0}.mobile-call-history article>span{color:#ee713f;background:#fff0e8;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.mobile-call-history article>div{flex:1;min-width:0}.mobile-call-history article strong,.mobile-call-history article small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-call-history article strong{font-size:10px}.mobile-call-history article small{color:#737c89;margin-top:3px;font-size:8px}.mobile-call-history time{color:#737c89;font-size:8px}@media (width<=560px){.mobile-call-main{padding-top:23px}.mobile-call-title h1{font-size:28px}.call-action-zone{grid-template-columns:1fr;justify-items:center}.call-preview{width:100%;min-height:155px}.giant-call-button{width:min(70vw,260px)}.counter-field>div{grid-template-columns:1fr 1fr}.mobile-call-header{padding:0 16px}.mobile-call-header small{display:none}}