.pd-demo{margin-top:1.8rem;container-type:inline-size}.pd-demo-window{background:#fff;border:1px solid #28435f1f;border-radius:1.1rem;width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px -38px #28435f80}.pd-demo-bar{background:#28435f;border-bottom:1px solid #00000024;align-items:center;gap:.55rem;padding:.8rem 1.1rem;display:flex}.pd-demo-bar>span:not(.pd-demo-url){border-radius:50%;width:12px;height:12px}.pd-demo-bar>span:first-of-type{background:#ff5f57}.pd-demo-bar>span:nth-of-type(2){background:#febc2e}.pd-demo-bar>span:nth-of-type(3){background:#28c840}.pd-demo-url{color:#5f6b78;background:#fff;border:1px solid #fff3;border-radius:999px;margin-left:.6rem;padding:.2rem .9rem;font-size:.8rem}.pd-demo-head{justify-content:space-between;align-items:center;gap:.8rem;padding:1.3rem 1.5rem .3rem;display:flex}.pd-demo-title{font-family:var(--font-cormorant), var(--font-noto-serif-georgian), Georgia, serif;color:#28435f;font-size:1.35rem;font-weight:600}.pd-demo-code{color:#7c5e1f;white-space:nowrap;background:#9a7b4a1a;border:1px solid #9a7b4a47;border-radius:999px;padding:.2rem .75rem;font-size:.8rem}.pd-demo-stats{grid-template-columns:repeat(4,1fr);gap:.7rem;padding:1rem 1.5rem .3rem;display:grid}.pd-demo-stat{background:#fff;border:1px solid #28435f1f;border-radius:.85rem;padding:.9rem 1rem .85rem}.pd-demo-stat--accent{border-color:#9a7b4a66}.pd-demo-stat--accent .pd-demo-l{color:#7c5e1f}.pd-demo-stat--accent{animation:6s infinite pdTilePulse}.pd-demo-v{font-family:var(--font-cormorant), Georgia, serif;color:#28435f;font-size:1.55rem;font-weight:700;line-height:1.2;display:block;position:relative}.pd-demo-l{letter-spacing:.07em;text-transform:uppercase;color:#5f6b78;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.64rem;font-weight:700;display:block;overflow:hidden}.pd-v-next{opacity:0;background:#fff;position:absolute;inset:0}.pd-anim-clicks-in{animation:6s infinite pdSwapIn}.pd-anim-clicks-out{animation:6s infinite pdSwapOut}.pd-anim-pending{animation:6s infinite pdPending}.pd-anim-available{animation:6s infinite pdAvailable}.pd-demo-ledger{padding:.9rem 1.5rem 1.3rem}.pd-demo-ledger-title{letter-spacing:.07em;text-transform:uppercase;color:#5f6b78;margin-bottom:.45rem;font-size:.64rem;font-weight:700;display:block}.pd-demo-row{color:#28435f;border-bottom:1px solid #28435f14;align-items:center;gap:.9rem;padding:.6rem 0;font-size:.92rem;display:flex}.pd-demo-row:last-child{border-bottom:0}.pd-demo-cust{flex-direction:column;gap:.1rem;min-width:0;display:flex}.pd-demo-name{color:#28435f;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:500;line-height:1.15;overflow:hidden}.pd-demo-meta{color:#5f6b78;font-variant-numeric:tabular-nums;font-size:.72rem;line-height:1.2}.pd-demo-amt{color:#5f6b78;margin-left:auto}.pd-demo-com{font-weight:700}.pd-demo-chipstack{justify-content:flex-end;min-width:5.4rem;display:inline-flex;position:relative}.pd-demo-chip{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;padding:.14rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.pd-chip--pending{color:#5f6b78;background:#5f6b781a;border:1px solid #5f6b784d}.pd-chip--available{color:#3f6b4e;background:#5c8a6b1f;border:1px solid #5c8a6b59}.pd-chip--paid{color:#7c5e1f;background:#9a7b4a1a;border:1px solid #9a7b4a4d}.pd-demo-row--new{animation:6s infinite pdRowIn;overflow:hidden}.pd-anim-chip-pending{animation:6s infinite pdChipPending}.pd-anim-chip-available{opacity:0;animation:6s infinite pdChipAvailable;position:absolute;right:0}.pd-cursor{z-index:4;pointer-events:none;transform-origin:5px 2px;filter:drop-shadow(0 2px 3px #1f355066);will-change:left, top, transform;width:20px;height:20px;animation:6s infinite pdCursorMove,6s infinite pdCursorPress;position:absolute;top:86%;left:55%}.pd-cursor:after{content:"";opacity:0;border:2px solid #9a7b4ab3;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:6s infinite pdCursorRipple;position:absolute;top:2px;left:5px;transform:scale(.2)}@keyframes pdCursorMove{0%{top:86%;left:55%}9%{animation-timing-function:ease-in-out;top:74%;left:45%}16%{top:70%;left:40%}25%{animation-timing-function:ease-in-out;top:70%;left:40%}40%{top:40%;left:62%}54%{animation-timing-function:ease-in-out;top:40%;left:80%}60%{top:39%;left:87%}70%{animation-timing-function:ease-in-out;top:39%;left:87%}85%{top:62%;left:66%}to{top:86%;left:55%}}@keyframes pdCursorPress{0%,14%,20%,57%,65%,to{transform:scale(1)}17%{transform:scale(.8)}61%{transform:scale(.8)}}@keyframes pdCursorRipple{0%,14%{opacity:0;transform:scale(.2)}17%{opacity:.85;transform:scale(.9)}25%{opacity:0;transform:scale(1.6)}57%{opacity:0;transform:scale(.2)}61%{opacity:.85;transform:scale(.9)}69%,to{opacity:0;transform:scale(1.6)}}@keyframes pdRowIn{0%,13%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}18%,88%{opacity:1;max-height:78px;padding-top:.6rem;padding-bottom:.6rem;transform:translateY(0)}94%,to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)}}@keyframes pdSwapIn{0%,20%{opacity:0}24%,88%{opacity:1}92%,to{opacity:0}}@keyframes pdSwapOut{0%,20%{opacity:1}24%,88%{opacity:0}92%,to{opacity:1}}@keyframes pdPending{0%,20%{opacity:0}24%,56%{opacity:1}62%,to{opacity:0}}@keyframes pdAvailable{0%,58%{opacity:0}64%,88%{opacity:1}92%,to{opacity:0}}@keyframes pdChipPending{0%,56%{opacity:1}60%,to{opacity:0}}@keyframes pdChipAvailable{0%,58%{opacity:0}62%,88%{opacity:1}92%,to{opacity:0}}@keyframes pdTilePulse{0%,58%,76%,to{box-shadow:none}64%{box-shadow:0 0 0 4px #9a7b4a2e}}@container (max-width:620px){.pd-demo-stats{grid-template-columns:repeat(2,1fr)}}@container (max-width:460px){.pd-demo-bar{gap:.45rem;padding:.6rem .85rem}.pd-demo-bar>span:not(.pd-demo-url){width:10px;height:10px}.pd-demo-url{margin-left:.4rem;padding:.16rem .7rem;font-size:.72rem}.pd-demo-head{padding:1rem 1rem .2rem}.pd-demo-title{font-size:1.1rem}.pd-demo-code{padding:.16rem .55rem;font-size:.68rem}.pd-demo-stats{gap:.5rem;padding:.75rem 1rem .2rem}.pd-demo-stat{border-radius:.7rem;padding:.65rem .7rem .6rem}.pd-demo-v{font-size:1.2rem}.pd-demo-l{font-size:.56rem}.pd-demo-ledger{padding:.7rem 1rem 1rem}.pd-demo-ledger-title{font-size:.56rem}.pd-demo-row{gap:.5rem;padding:.5rem 0;font-size:.78rem}.pd-demo-name{font-size:.82rem}.pd-demo-meta{font-size:.66rem}.pd-demo-chip{padding:.1rem .5rem;font-size:.6rem}.pd-demo-chipstack{min-width:3.6rem}}@container (max-width:360px){.pd-demo-head{padding:.85rem .85rem .2rem}.pd-demo-title{font-size:1.02rem}.pd-demo-stats{padding:.65rem .85rem .2rem}.pd-demo-v{font-size:1.08rem}.pd-demo-ledger{padding:.6rem .85rem .9rem}.pd-demo-row{gap:.4rem;font-size:.74rem}.pd-demo-name{font-size:.78rem}.pd-demo-meta{font-size:.62rem}.pd-demo-amt,.pd-demo-com{font-size:.74rem}.pd-demo-chip{padding:.08rem .45rem;font-size:.58rem}.pd-demo-chipstack{min-width:3.2rem}}@media (prefers-reduced-motion:reduce){.pd-demo *{animation:none!important}.pd-cursor{display:none}}