.wp [hidden]{display:none!important}.wp-body{min-height:100vh;color:var(--g-ink);font-family:var(--g-font-body);background:radial-gradient(1100px 520px at 88% -12%,#11ab9124,#0000 62%),radial-gradient(900px 460px at 6% 108%,#0b122014,#0000 60%),#f7faf9}.wp-bar{align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:22px 24px 6px;display:flex}.wp-bar__brand{color:var(--g-ink);align-items:center;gap:9px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.wp-bar__brand img{object-fit:contain;border:1px solid var(--g-line);background:#fff;border-radius:10px;width:34px;height:34px}.wp-bar__title{color:var(--g-muted);border-inline-start:1px solid var(--g-line);padding-inline-start:14px;font-size:12px}.wp-bar__back{border:1px solid var(--g-line);border-radius:var(--g-r-pill);height:38px;color:var(--g-ink);transition:border-color var(--g-t-base) var(--g-ease-out), color var(--g-t-base) var(--g-ease-out);background:#fff;align-items:center;gap:4px;margin-inline-start:auto;padding-inline:14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.wp-bar__back:hover{border-color:var(--g-accent-pale);color:var(--g-accent-deep)}.wp{align-content:center;max-width:1120px;min-height:calc(100vh - 92px);margin:0 auto;padding:18px 24px 64px;display:grid}.wp__shell{grid-template-columns:minmax(0,1fr);place-items:start center;gap:26px;display:grid}.wp__console{width:100%;max-width:420px}.wp__side{width:100%;max-width:800px}.wp__frame{--pf-w:100%;--pf-pad:9px;--pf-r:52px}.wp__frame .pf__bezel{min-height:700px}.wp__who{text-align:center;flex-direction:column;flex:none;align-items:center;gap:5px;padding:2px 22px 0;display:flex}.wp__avatar{color:#fff;background:linear-gradient(145deg,#17cbab,#0b7a68);border-radius:50%;place-items:center;width:66px;height:66px;margin-bottom:4px;display:grid;position:relative;box-shadow:0 14px 26px -14px #0b7a68f2,inset 0 1px #ffffff59}.wp__avatar .ic{width:27px;height:27px}.wp[data-phase=calling] .wp__avatar:after,.wp[data-phase=ringing] .wp__avatar:after,.wp[data-phase=active] .wp__avatar:after{content:"";animation:wp-pulse 1.9s var(--g-ease-out) infinite;border:2px solid #11ab9161;border-radius:50%;position:absolute;inset:-7px}@keyframes wp-pulse{0%{opacity:.8;transform:scale(.94)}75%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}.wp__name{font-family:var(--g-font-display);font-size:15px;font-weight:800;line-height:1.5}.wp__status{border-radius:var(--g-r-pill);height:24px;color:var(--g-muted);white-space:nowrap;background:#f2f6f5;align-items:center;gap:5px;padding-inline:10px;font-size:10px;display:inline-flex}.wp__status i{opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px}.wp__status[data-state=ready],.wp__status[data-state=active]{color:var(--g-accent-deep);background:#11ab911f}.wp__status[data-state=calling],.wp__status[data-state=ringing],.wp__status[data-state=connecting]{color:#8a5a10;background:#e0a13a24}.wp__status[data-state=error]{color:#a52a2e;background:#e5484d1f}.wp__account{color:#9aa7b1;margin-top:1px;font-size:9.5px}.wp__settings{z-index:6;background:0 0;border-color:#0000;position:absolute;top:46px;left:13px}.wp__icon{border:1px solid var(--g-line);width:32px;height:32px;color:var(--g-muted);cursor:pointer;transition:color var(--g-t-fast) var(--g-ease-out), border-color var(--g-t-fast) var(--g-ease-out);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.wp__icon:hover{color:var(--g-ink);border-color:var(--g-accent-pale)}.wp__icon .ic{width:15px;height:15px}.wp__warn{color:#a52a2e;background:#e5484d12;border:1px solid #e5484d2e;border-radius:10px;flex:none;align-items:flex-start;gap:6px;margin:10px 18px 0;padding:8px 10px;font-size:10px;line-height:1.75;display:flex}.wp__warn .ic{flex:none;width:12px;height:12px;margin-top:3px}.wp__stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:96px;padding:14px 22px 0;display:flex}.wp:not([data-phase=active]):not([data-phase=calling]) .wp__who{margin-top:auto}.wp:not([data-phase=active]):not([data-phase=calling]) .wp__stage{flex:0 auto;margin-bottom:auto}.wp__timer{font-family:var(--g-font-display);font-variant-numeric:tabular-nums;letter-spacing:1.2px;color:var(--g-accent-deep);direction:ltr;margin:0;font-size:30px;font-weight:800;line-height:1.25}.wp__display{font-family:var(--g-font-display);color:var(--g-ink);direction:ltr;unicode-bidi:plaintext;font-size:16px;font-weight:700;line-height:1.5}.wp__display.is-empty{color:#c3ccd4}.wp[data-phase=active] .wp__display{color:var(--g-muted);font-size:11px;font-weight:600}.wp__hint{color:var(--g-muted);min-height:18px;margin:0;font-size:10.5px;line-height:1.8}.wp__unlock{border-radius:var(--g-r-pill);color:#8a5a12;font-family:var(--g-font-body);cursor:pointer;background:#e0a13a1f;border:1px solid #e0a13a80;align-items:center;gap:6px;margin-top:8px;padding:7px 14px;font-size:10.5px;font-weight:700;animation:1.8s ease-in-out infinite wp-unlock-pulse;display:inline-flex}.wp__unlock .ic{width:13px;height:13px}.wp__unlock:hover{background:#e0a13a33}@keyframes wp-unlock-pulse{0%,to{box-shadow:0 0 #e0a13a59}50%{box-shadow:0 0 0 6px #e0a13a00}}.wp__pad{direction:ltr;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 20px;padding-top:12px;display:grid}.wp__key{border:1px solid var(--g-line);width:100%;height:48px;color:var(--g-ink);cursor:pointer;transition:background-color var(--g-t-fast) var(--g-ease-out), border-color var(--g-t-fast) var(--g-ease-out), transform var(--g-t-fast) var(--g-ease-out);background:#fbfdfc;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.wp__key b{font-family:var(--g-font-display);font-size:17px;font-weight:700;line-height:1}.wp__key small{letter-spacing:1.2px;color:var(--g-muted);font-size:7.5px;line-height:1}.wp__key:hover{border-color:var(--g-accent-pale);background:#fff}.wp__key:active{background:#11ab9117;transform:scale(.94)}.wp__pad[data-mode=dtmf] .wp__key{background:#11ab910e;border-color:#11ab914d}.wp__controls{flex:none;align-items:center;gap:10px;margin:0 20px;padding:14px 0 6px;display:flex}.wp__round{border:1px solid var(--g-line);width:50px;height:50px;color:var(--g-muted);cursor:pointer;transition:color var(--g-t-fast) var(--g-ease-out), border-color var(--g-t-fast) var(--g-ease-out), background-color var(--g-t-fast) var(--g-ease-out);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.wp__round .ic{width:19px;height:19px}.wp__round:hover:not(:disabled){color:var(--g-ink);border-color:var(--g-accent-pale)}.wp__round:disabled{opacity:.45;cursor:not-allowed}.wp__round[aria-pressed=true]{color:#c0262b;background:#e5484d1a;border-color:#e5484d47}.wp__round .ic--muted,.wp__round[aria-pressed=true] .ic--mic{display:none}.wp__round[aria-pressed=true] .ic--muted{display:block}.wp:not([data-phase=active]) .wp__round{display:none}.wp__call,.wp__hangup{border-radius:var(--g-r-pill);height:50px;font-family:var(--g-font-body);color:#fff;cursor:pointer;transition:background-color var(--g-t-fast) var(--g-ease-out), transform var(--g-t-fast) var(--g-ease-out);border:0;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.wp__call .ic,.wp__hangup .ic{width:17px;height:17px}.wp__call{background:linear-gradient(135deg,#14bfa2,#0b7a68);box-shadow:0 14px 24px -14px #0b7a68f2}.wp__call:hover:not(:disabled){transform:translateY(-1px)}.wp__call:active:not(:disabled),.wp__hangup:active{transform:scale(.97)}.wp__call:disabled{opacity:.55;cursor:progress;box-shadow:none}.wp__hangup{background:#e5484d;box-shadow:0 14px 24px -14px #e5484de6}.wp__hangup:hover{background:#d33a3f}.wp__legal{text-align:center;color:var(--g-muted);flex:none;margin:0;padding:0 22px 6px;font-size:9.5px;line-height:1.7}.wp__diag{text-align:center;font-variant-numeric:tabular-nums;color:var(--g-muted);direction:rtl;flex:none;margin:0;padding:4px 22px 0;font-size:9.5px}.wp__audio{opacity:0;pointer-events:none;width:1px;height:1px;display:block;position:absolute}.wp__side{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.wp__panel{border:1px solid var(--g-line);background:#fff;border-radius:22px;padding:18px 20px}.wp__panel--quiet{background:#fff9;border-style:dashed}.wp__h2{font-family:var(--g-font-display);align-items:center;gap:7px;margin:0 0 12px;font-size:13px;font-weight:800;display:flex}.wp__h2 .ic{width:15px;height:15px;color:var(--g-accent)}.wp__list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.wp__list li{color:var(--g-muted);padding-inline-start:14px;font-size:11px;line-height:1.85;position:relative}.wp__list li:before{content:"";background:var(--g-accent-pale);border-radius:50%;width:5px;height:5px;position:absolute;inset-block-start:9px;inset-inline-start:0}.wp__steps{counter-reset:step;gap:9px;margin:0;padding:0;list-style:none;display:grid}.wp__steps li{counter-increment:step;color:var(--g-muted);padding-inline-start:26px;font-size:11px;line-height:1.85;position:relative}.wp__steps li:before{content:counter(step, persian);width:18px;height:18px;color:var(--g-accent-deep);font-family:var(--g-font-display);background:#11ab911f;border-radius:50%;place-items:center;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;inset-block-start:2px;inset-inline-start:0}.wp__steps b{color:var(--g-ink);font-weight:700}.wp__sheet{z-index:60;backdrop-filter:blur(4px);background:#09141e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wp__form{background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:min(460px,100%);max-height:90vh;padding:22px;display:flex;overflow:auto;box-shadow:0 40px 80px -40px #09141eb3}.wp__form-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.wp__form-head h2{font-family:var(--g-font-display);margin:0;font-size:15px;font-weight:800}.wp__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wp__field{color:var(--g-muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.wp__field input{border:1px solid var(--g-line);height:42px;font-family:var(--g-font-body);color:var(--g-ink);background:#fbfdfc;border-radius:12px;outline:0;padding-inline:12px;font-size:12.5px}.wp__field input:focus{border-color:var(--g-accent);background:#fff;box-shadow:0 0 0 3px #11ab9124}.wp__form-note{color:var(--g-muted);margin:0;font-size:10.5px;line-height:1.8}.wp__save{border-radius:var(--g-r-pill);background:var(--g-ink);color:#fff;height:46px;font-family:var(--g-font-body);cursor:pointer;border:0;margin-top:4px;font-size:13px;font-weight:700}.wp__save:hover{background:#16233a}.wp__test{border:1px solid var(--g-line);border-radius:var(--g-r-pill);height:40px;color:var(--g-muted);font-family:var(--g-font-body);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.wp__test:hover{border-color:var(--g-accent-pale);color:var(--g-accent-deep)}.wp__test .ic{width:14px;height:14px}@media (width<=999px){.wp__side{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.wp__shell{grid-template-columns:minmax(0,420px) minmax(0,1fr);place-items:start stretch;gap:40px}.wp__console{max-width:none}.wp__side{grid-template-columns:minmax(0,1fr);align-content:start;align-self:center;gap:16px}}@media (width<=640px){.wp__side{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.wp-bar{padding:16px 16px 4px}.wp-bar__title{display:none}.wp{padding:10px 12px 40px}.wp__shell{gap:18px}.wp__frame .pf__bezel{min-height:0}.wp__who{padding-top:26px}.wp__stage{min-height:84px}.wp__pad,.wp__controls{margin-inline:16px}.wp__row{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.wp__avatar:after,.wp__unlock{animation:none!important}}