.pp-hero-glow{z-index:-2;background:radial-gradient(40% 50% at 25% 45%, color-mix(in srgb, var(--rose) 28%, transparent), transparent 70%), radial-gradient(30% 40% at 70% 20%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 70%);position:absolute;inset:0}.pp-confetti{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.pp-confetti-fallback{z-index:-1;opacity:.85;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.pp-confetti-ready .pp-confetti-fallback{opacity:0}.pp-stage{perspective:1400px;place-items:center;display:grid;position:relative}.pp-phone{aspect-ratio:9/18.5;background:var(--phone);width:min(320px,78vw);transform:rotateY(calc(18deg * var(--dir))) rotateX(6deg) rotateZ(calc(-2deg * var(--dir)));border-radius:46px;padding:12px;animation:7s ease-in-out infinite pp-float;box-shadow:-40px 50px 90px -30px #0000008c,inset 0 0 0 1px #ffffff14}@keyframes pp-float{50%{transform:rotateY(calc(12deg * var(--dir))) rotateX(3deg) rotateZ(calc(-1deg * var(--dir))) translateY(-14px)}}.pp-screen{background:var(--screen);height:100%;color:var(--text);border-radius:36px;flex-direction:column;display:flex;overflow:hidden}.pp-msg{border-radius:16px;max-width:82%;padding:10px 12px;font-size:14px;line-height:1.45;transition:opacity .45s,transform .45s cubic-bezier(.2,1.4,.4,1)}.pp-animate .pp-msg:not(.pp-show){opacity:0;transform:translateY(10px)scale(.96)}.pp-in{background:var(--bubble-in);border-start-start-radius:4px;align-self:flex-start}.pp-out{background:var(--bubble-out);border-start-end-radius:4px;align-self:flex-end}.pp-invite-card{background:linear-gradient(135deg, var(--rose), var(--gold));color:#fff;text-align:center;border-radius:12px;margin-bottom:6px;padding:18px 12px}.pp-toast{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:14px;padding:10px 14px;font-size:14px;transition:opacity .5s,transform .5s;position:absolute}.pp-animate .pp-toast:not(.pp-show){opacity:0;transform:translateY(10px)}.pp-toast-1{inset-inline-end:0;top:6%}.pp-toast-2{inset-inline-start:2%;bottom:24%}:root{--dir:1}[dir=ltr]{--dir:-1}@media (prefers-reduced-motion:reduce){.pp-phone{animation:none}}.pp-p3d{perspective:1600px}.pp-streamer{inset-inline:0;pointer-events:none;width:100%;height:90px;position:absolute;top:-40px}.pp-streamer path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:calc(1600 * (1 - var(--draw,1)))}.pp-strip-track{gap:48px;width:max-content;animation:38s linear infinite pp-slide;display:flex}.pp-strip-track span:before{content:"✦";color:var(--gold);margin-inline-end:48px}@keyframes pp-slide{to{transform:translateX(calc(50% * var(--dir)))}}.pp-stair{height:520px;transform-style:preserve-3d;transform:rotateX(calc(18deg - var(--p) * 14deg)) rotateY(calc((-16deg + var(--p) * 10deg) * var(--dir)));position:relative}.pp-tile{width:74%;transform:translateZ(calc(var(--i) * -30px));opacity:.45;border-radius:26px;padding:22px;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s;position:absolute}.pp-tile:first-child{inset-inline-start:0;top:0}.pp-tile:nth-child(2){inset-inline-start:13%;top:150px}.pp-tile:nth-child(3){inset-inline-start:26%;top:300px}[data-active-step="0"] .pp-tile:first-child,[data-active-step="1"] .pp-tile:nth-child(2),[data-active-step="2"] .pp-tile:nth-child(3){opacity:1;transform:translateZ(90px)}.pp-step{border:1px solid #0000;transition:background .4s,border-color .4s,box-shadow .4s}[data-active-step="0"] .pp-step:first-child,[data-active-step="1"] .pp-step:nth-child(2),[data-active-step="2"] .pp-step:nth-child(3){background:var(--glass);border-color:var(--line);box-shadow:var(--shadow)}.pp-rows>div{border-radius:10px;grid-template-columns:1.4fr 1fr .6fr;gap:10px;padding:8px 10px;font-size:14px;display:grid}.pp-rows>div:nth-child(odd){background:var(--glass)}.pp-table{aspect-ratio:1;border:2px dashed var(--line);font:600 14px var(--font-display);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative}.pp-table i{background:var(--mint);border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute}@media (max-width:960px){.pp-stair{height:560px}.pp-tile{width:88%}}.pp-slabs{height:560px;transform-style:preserve-3d;position:relative}.pp-slab-wrap{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(58deg)rotate(-38deg)}.pp-slab{transform:translateZ(calc(var(--i) * (40px + var(--lift,1) * 150px)));border:1px solid #ffffff59;border-radius:28px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px -20px #00000080}.pp-slab b{font:700 40px var(--font-display);color:#fff;text-shadow:0 4px 14px #0000004d;place-self:end start;margin-block-end:14px;margin-inline-start:18px}.pp-slab em{color:#ffffffd9;font-size:13px;font-style:normal;position:absolute;inset-block-end:20px;inset-inline-end:18px}.pp-s1{background:linear-gradient(135deg, var(--rose), color-mix(in srgb, var(--rose) 50%, var(--violet)));width:380px;height:380px;margin:-190px}.pp-s2{background:linear-gradient(135deg, color-mix(in srgb, var(--rose) 50%, var(--gold)), var(--gold));width:270px;height:270px;margin:-135px}.pp-s3{background:linear-gradient(135deg, var(--mint), color-mix(in srgb, var(--mint) 60%, var(--violet)));width:160px;height:160px;margin:-80px}.pp-s3 b{font-size:34px}@media (max-width:960px){.pp-slabs{height:420px;transform:scale(.72)}}@media (max-width:480px){.pp-slabs{height:340px;transform:scale(.56)}}.pp-browser{transform-origin:50% 100%;transform:rotateX(calc((1 - var(--up,1)) * 32deg)) scale(calc(.88 + var(--up,1) * .12))}.pp-float{transform:translateY(calc((.5 - var(--p)) * 80px * var(--f)))}.pp-donut{aspect-ratio:1;background:conic-gradient(var(--mint) 0 81.5%, var(--rose) 0 98.8%, var(--gold) 0);border-radius:50%;place-items:center;width:170px;margin:10px auto;display:grid}.pp-donut span{aspect-ratio:1;background:var(--screen);width:66%;font:600 28px var(--font-display);border-radius:50%;place-items:center;display:grid}.pp-player{transform:rotateY(calc((1 - var(--in,1)) * -22deg * var(--dir))) rotateX(calc((1 - var(--in,1)) * 10deg))}.pp-wl-stage{height:470px;transform-style:preserve-3d;position:relative}.pp-win{background:var(--surface);border:1px solid var(--line);width:72%;box-shadow:var(--shadow);border-radius:24px;position:absolute;overflow:hidden}.pp-win-a{inset-inline-start:0;opacity:calc(1 - var(--swap,1) * .45);transform:translateZ(calc(var(--swap,1) * -120px)) rotateY(calc((12deg - var(--swap,1) * 4deg) * var(--dir)));top:0}.pp-win-b{inset-inline-end:0;transform:translateZ(calc(var(--swap,1) * 80px - 40px)) rotateY(calc((-10deg + var(--swap,1) * 6deg) * var(--dir)));bottom:0}.pp-win-b .pp-win-body{background:linear-gradient(160deg, color-mix(in srgb, var(--venue) 22%, var(--surface)), var(--surface))}.pp-featured{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(140deg, var(--rose), var(--gold), var(--violet)) border-box;border:2px solid #0000}@media (min-width:961px){.pp-featured{transform:translateY(-18px)}}.pp-final{background:radial-gradient(50% 70% at 50% 0%, color-mix(in srgb, var(--rose) 40%, transparent), transparent 70%), radial-gradient(40% 60% at 90% 100%, color-mix(in srgb, var(--gold) 28%, transparent), transparent 70%), var(--surface)}.pp-burst{pointer-events:none;position:absolute;inset:0;overflow:visible}.pp-burst i{opacity:0;border-radius:2px;width:8px;height:14px;animation:1.1s ease-out forwards pp-burst;position:absolute;top:40%;left:50%}@keyframes pp-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.pp-strip-track{animation:none}.pp-tile,.pp-step{transition:none}.pp-burst{display:none}}