.pd{--v:#a78bfa;--v2:#c4b5fd;--ink2:var(--color-text-secondary);--line:#d1c4e91a;--line2:#d1c4e933;--good:#9fe3c4;--bad:#f4a6bb;--e:cubic-bezier(.19, 1, .22, 1);color:var(--color-text)}.pd .tnum{font-variant-numeric:tabular-nums}.pd{max-width:1200px;margin:clamp(36px,4vw,52px) auto 0}.pd-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.pd-seg{border:1px solid var(--line2);background:#160e27cc;border-radius:999px;padding:4px;display:inline-flex}.pd-seg button{color:var(--ink2);transition:background .35s var(--e), color .35s;background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500}.pd-seg button[aria-pressed=true]{color:#160e27;background:#f8f8f8}.pd-seg button[lang=ar]{font-family:Segoe UI,Tahoma,Noto Sans Arabic,sans-serif;font-size:14px}.pd-ctl{border:1px solid var(--line2);background:#a78bfa1f;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;transition:background .3s;display:inline-flex}.pd-ctl:hover{background:#a78bfa38}.pd-ctl.run i{background:var(--v);width:8px;height:8px;box-shadow:0 0 0 0 var(--glow);border-radius:50%;animation:1.4s infinite pd-pulse}@keyframes pd-pulse{70%{box-shadow:0 0 0 8px #b450ff00}}.pd-devs{display:none}@media (min-width:900px){.pd-devs{display:inline-flex}}.pd-stage{perspective:1800px;justify-content:center;display:flex;position:relative}.pd-stage:after{content:"";z-index:-1;filter:blur(10px);background:radial-gradient(50% 50%,#b450ff59,#0000 70%);height:120px;position:absolute;bottom:-60px;left:10%;right:10%}.pd-frame{text-align:start;background:#0f0a1b;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d1c4e929,inset 0 1px #ffffff14,0 50px 120px -40px #000000e6,0 30px 80px -30px #7832dc73}.pd-frame[data-dev=tablet]{background:#07040d;border-radius:30px;max-width:780px;padding:12px}.pd-frame[data-dev=phone]{background:#07040d;border-radius:48px;max-width:390px;padding:10px}.pd-frame[data-dev=tablet] .pd-app,.pd-frame[data-dev=phone] .pd-app{border-radius:20px}.pd-frame[data-dev=phone] .pd-app{border-radius:38px;padding-top:30px}.pd-frame[data-dev=phone]:before{content:"";z-index:3;background:#000;border-radius:20px;width:90px;height:24px;margin-left:-45px;position:absolute;top:20px;left:50%}.pd-frame:not([data-dev=web]) .pd-chrome{display:none}.pd-chrome{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:7px;height:40px;padding:0 16px;display:flex}.pd-chrome i{background:#d1c4e92e;border-radius:50%;width:11px;height:11px}.pd-chrome span{color:var(--ink2);opacity:.7;margin:0 auto;padding-right:50px;font-size:12px}.pd-app{min-height:560px;color:var(--color-text);background:linear-gradient(#130c22,#0f0a1b);font-size:14px;display:flex;container-type:inline-size}.pd-app[lang=ar]{font-family:Segoe UI,Tahoma,Noto Sans Arabic,Inter,sans-serif}.pd-side{border-inline-end:1px solid var(--line);flex:none;width:196px;padding:20px 12px}.pd-logo{color:var(--ink2);padding:0 10px 18px;font-size:15px}.pd-logo b{color:var(--color-text)}.pd-side ul{gap:2px;padding:0;list-style:none;display:grid}.pd-side li{color:var(--ink2);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.pd-side li.on{color:var(--color-text);background:#a78bfa24;box-shadow:inset 0 0 0 1px #a78bfa40}.pd-side svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round;width:16px;height:16px}.pd-main{flex:1;min-width:0;padding:22px 24px 24px}.pd-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.pd-head h3{letter-spacing:-.02em;font-size:20px;font-weight:600}.pd-head p{color:var(--ink2);margin-top:2px;font-size:13px}.pd-steps{flex-wrap:wrap;gap:4px;padding:0;list-style:none;display:flex}.pd-steps li{color:#d1c4e98c;background:#d1c4e90d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:background .4s,color .4s;display:inline-flex}.pd-steps li i{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.pd-steps li.on{color:var(--color-text);background:#a78bfa2e}.pd-steps li.on i{background:var(--good);opacity:1;box-shadow:0 0 8px var(--good)}.pd-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.pd-table{border:1px solid var(--line);background:#ffffff04;border-radius:14px;overflow:hidden}.pd-tr{border:0;border-top:1px solid var(--line);text-align:start;opacity:0;width:100%;transition:opacity .5s var(--e), transform .5s var(--e), background .2s;background:0 0;grid-template-columns:minmax(0,1fr) 92px 82px 96px;align-items:center;gap:10px;padding:9px 14px;display:grid;transform:translateY(8px)}.pd-tr.in,.pd-th{opacity:1;transform:none}.pd-th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);border-top:0;padding-top:11px;padding-bottom:11px;font-size:11px}.pd-tr>span:not(.pd-who){text-align:end}button.pd-tr:hover{background:#a78bfa12}button.pd-tr.sel{box-shadow:inset 3px 0 0 var(--v);background:#a78bfa24}.pd-who{align-items:center;gap:10px;min-width:0;display:flex}.pd-who>span{min-width:0;display:grid}.pd-who b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.pd-who small{color:var(--ink2);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pd-av{width:30px;height:30px;color:var(--ink2);background:#d1c4e91a;border-radius:50%;flex:none;place-items:center;font-size:11px;font-style:normal;font-weight:600;display:grid}.pd-av.bh{color:var(--v2);background:#a78bfa33}.pd-c-g{color:var(--ink2);font-size:13px}.pd-c-s{color:var(--bad);font-size:13px}.pd-c-n{font-weight:600}.pd-more{color:var(--ink2);opacity:.7;border-top:1px solid var(--line);padding:10px 14px;font-size:12px}.pd-col{gap:14px;display:grid}.pd-total,.pd-wps,.pd-slip{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:18px;position:relative}.pd-total{background:radial-gradient(120% 100% at 100% 0,#a78bfa29,#0000 60%),#ffffff06}.pd-big{letter-spacing:-.035em;align-items:baseline;gap:8px;margin:6px 0 16px;font-size:clamp(34px,4.2cqi,46px);font-weight:600;line-height:1;display:flex}.pd-big small{color:var(--ink2);letter-spacing:0;font-size:.4em;font-weight:500}.pd-bars{gap:10px;display:grid}.pd-bars>div{color:var(--ink2);grid-template-columns:1fr auto;gap:4px 12px;font-size:12px;display:grid}.pd-bars em{background:#d1c4e912;border-radius:3px;grid-area:2/1/auto/-1;height:6px;overflow:hidden}.pd-bars em i{background:linear-gradient(90deg, #7c4dff, var(--v));transform-origin:0;height:100%;transition:transform 1.2s var(--e);border-radius:3px;display:block;transform:scaleX(0)}[dir=rtl] .pd-bars em i{transform-origin:100%}.pd-bars .ded em i{background:var(--bad)}.pd-total.on .pd-bars em i{transform:scaleX(1)}.pd-bars b{color:var(--color-text);font-size:13px;font-weight:600}.pd-bars .ded b{color:var(--bad)}.pd-stamp{top:16px;border:2px solid var(--good);color:var(--good);letter-spacing:.12em;text-transform:uppercase;opacity:0;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700;transition:transform .35s cubic-bezier(.5,0,.75,0),opacity .2s;position:absolute;transform:rotate(-8deg)scale(2.2)}.pd-stamp:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:16px}.pd-stamp:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:16px}.pd-stamp:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px}.pd-stamp:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px}.pd-stamp.on{opacity:1;transform:rotate(-8deg)scale(1)}.pd-wps .pd-k,.pd-slip .pd-k{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.pd-wps .pd-k span{text-transform:none;letter-spacing:0;color:var(--ink2)}.pd-wps .pd-k span.ok{color:var(--good)}.pd-wps ul{gap:6px;padding:0;font-size:12px;list-style:none;display:grid}.pd-wps li{color:var(--ink2);opacity:.25;transition:opacity .4s var(--e), transform .4s var(--e), background .4s;background:#d1c4e90a;border-radius:8px;grid-template-columns:74px minmax(0,1fr) auto;gap:8px;padding:7px 10px;display:grid;transform:translate(-6px)}.pd-wps li>span:nth-child(2){color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pd-wps li>span:nth-child(3){display:none}.pd-wps li b{color:var(--color-text);font-weight:600}.pd-wps li.in{opacity:1;background:#9fe3c40f;transform:none}.pd-slip{animation:pd-in .5s var(--e)}@keyframes pd-in{0%{opacity:0;transform:translateY(8px)}}.pd-slip-who{margin-bottom:12px;display:grid}.pd-slip-who b{font-size:17px}.pd-slip-who span{color:var(--ink2);font-size:12px}.pd-slip dl{gap:8px;display:grid}.pd-slip dl div{color:var(--ink2);justify-content:space-between;font-size:14px;display:flex}.pd-slip dd{color:var(--color-text);font-weight:500}.pd-slip .ded dd{color:var(--bad)}.pd-slip .net{border-top:1px solid var(--line);margin-top:2px;padding-top:10px}.pd-slip .net dd{font-size:20px;font-weight:700}.pd-slip button{border:1px solid var(--line2);color:var(--ink2);background:0 0;border-radius:999px;margin-top:14px;padding:8px 14px;font-size:12px}.pd-note{z-index:4;text-align:start;-webkit-backdrop-filter:blur(14px);opacity:0;width:min(330px,100% - 16px);transition:opacity .5s var(--e), transform .7s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;background:#1e1432eb;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:-26px;right:clamp(8px,3vw,40px);transform:translateY(24px)scale(.94);box-shadow:0 0 0 1px #d1c4e92e,0 24px 60px -20px #000000e6}.pd-note.on{opacity:1;transform:none}.pd-note[dir=rtl]{font-family:Segoe UI,Tahoma,sans-serif;left:clamp(8px,3vw,40px);right:auto}.pd-note-i{background:linear-gradient(135deg,#8b5cf6,#5b21b6);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.pd-note>span{gap:1px;min-width:0;font-size:13px;display:grid}.pd-note small{color:var(--ink2);justify-content:space-between;gap:8px;font-size:11px;display:flex}.pd-note small b{color:var(--ink2);font-weight:600}.pd-note>span>span{color:var(--ink2);font-size:12px}.pd-hint{color:var(--ink2);opacity:0;margin-top:44px;font-size:14px;transition:opacity .6s}.pd-hint.on{opacity:.85}@container (width<=860px){.pd-side{display:none}.pd-grid{grid-template-columns:minmax(0,1fr)}.pd-col{order:-1;grid-template-columns:1fr 1fr}}@container (width<=560px){.pd-main{padding:16px 14px 18px}.pd-head h3{font-size:17px}.pd-steps li{padding:4px 8px;font-size:11px}.pd-col{grid-template-columns:minmax(0,1fr)}.pd-tr{grid-template-columns:minmax(0,1fr) auto;padding:9px 12px}.pd-c-g,.pd-c-s,.pd-th>span:nth-child(2),.pd-th>span:nth-child(3),.pd-tr:nth-of-type(n+7){display:none}.pd-wps li{grid-template-columns:minmax(0,1fr) auto}.pd-wps li>span:first-child{display:none}}.pd-frame[data-dev=web]{box-shadow:0 0 0 1px #d1c4e929,0 0 0 7px #160e27b3,0 0 0 8px #d1c4e91a,0 50px 120px -30px #4c1d95bf,0 30px 60px -40px #000000e6}.pd-frame:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(100deg,#0000 30%,#c4b5fd24 47%,#fff3 50%,#c4b5fd24 53%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.pd[data-step="5"] .pd-frame:after{animation:pd-pass 1.7s var(--e) .1s 1 both}@keyframes pd-pass{0%{opacity:1;transform:translate(-120%)}to{opacity:1;transform:translate(120%)}}.pd[data-step="5"] .pd-big{animation:pd-land 1.6s var(--e) both}@keyframes pd-land{0%{text-shadow:0 0 #b450ff00}30%{text-shadow:0 0 42px #b450ffe6}to{text-shadow:0 0 18px #b450ff4d}}.pd--compact{max-width:none;margin:0 auto}@media (prefers-reduced-motion:reduce){.pd-frame:after,.pd[data-step="5"] .pd-big{animation:none!important}}.pd button{color:inherit;font-family:inherit}.pd-tr{color:var(--color-text);text-align:start}.pd-th>span:first-child{text-align:start;justify-self:start}