.pp{--bg:#f1f0f6;--surface:#fff;--surface-2:#f6f5fb;--ink:#17161f;--ink-2:#55525f;--ink-3:#8f8c9b;--line:#e6e4ee;--line-2:#eeedf4;--accent:#5b4be0;--accent-soft:#eeebff;--accent-ink:#fff;--gold-ink:#9a6a12;--gold-bg:#fbf0d6;--gold-line:#f0dca6;--earn:#128063;--spend:#d6455b;--warn-ink:#97671a;--warn-bg:#fcf3de;--ok-ink:#0f7b58;--ok-bg:#e5f6ef;--ok-line:#bee7d6;--r-md:14px;--r-lg:20px;--r-xl:26px;--shadow-card:0 1px 2px #17161f0a, 0 8px 24px -12px #17161f24;--shadow-pass:0 20px 45px -18px #26165a8c, 0 4px 14px -6px #26165a66;background:var(--bg);width:100%;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;flex:1;justify-content:center;padding:20px 16px 44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,Helvetica Neue,Arial,sans-serif;line-height:1.5;display:flex}@media (prefers-color-scheme:dark){.pp{--bg:#0c0b13;--surface:#16141f;--surface-2:#1d1a28;--ink:#f2f1f7;--ink-2:#a9a5b7;--ink-3:#726e82;--line:#272433;--line-2:#221f2e;--accent:#9182ff;--accent-soft:#211d38;--accent-ink:#12101c;--gold-ink:#f4c24b;--gold-bg:#2a2312;--gold-line:#4a3d18;--earn:#34d399;--spend:#fb7185;--warn-ink:#f0c978;--warn-bg:#2a2210;--ok-ink:#4ade9e;--ok-bg:#10261d;--ok-line:#1f4a38;--shadow-card:0 1px 2px #0006, 0 10px 30px -16px #000000b3}}.pp *,.pp :before,.pp :after{box-sizing:border-box}.pp-shell{flex-direction:column;gap:14px;width:100%;max-width:400px;display:flex}.pp-tnum{font-variant-numeric:tabular-nums}.pp-who{align-items:center;gap:12px;padding:0 2px;display:flex}.pp-avatar{object-fit:cover;color:#fff;background:radial-gradient(120% 120% at 30% 20%,#8b7bff,#5b4be0 45%,#35257e);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #ffffff24}.pp-name{font-size:16px;font-weight:650}.pp-sub{color:var(--ink-3);margin-top:1px;font-size:12.5px}.pp-sub .pp-dot{opacity:.5;margin:0 5px}.pp-card{cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1200px;width:100%}.pp-card-inner{aspect-ratio:8/5;width:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.pp-card.is-flipped .pp-card-inner{transform:rotateY(180deg)}.pp-face{border-radius:var(--r-xl);backface-visibility:hidden;box-shadow:var(--shadow-pass);position:absolute;inset:0;overflow:hidden}.pp-cardback{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;transform:rotateY(180deg)}.pp-cardback p{color:#71717a;margin:0;font-size:12px}.pp-front{color:#f4f2ff;isolation:isolate}.pp-bg{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.pp-bg-default{background:radial-gradient(130% 120% at 82% 8%,#5b3fb0 0%,#5b3fb000 55%),radial-gradient(120% 130% at 8% 96%,#1c8f9e 0%,#1c8f9e00 48%),linear-gradient(150deg,#241a4e,#17123a 55%,#120e2c)}.pp-tex{z-index:1;opacity:.06;pointer-events:none;background-image:radial-gradient(#ffffffb3 .5px,#0000 .6px);background-size:9px 9px;position:absolute;inset:0}.pp-scrim{z-index:2;pointer-events:none;background:linear-gradient(#0705144d 0%,#07051400 40%,#0705141f 60%,#070514ad 100%);position:absolute;inset:0}.pp-holo{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#fff3 45%,#78dcff3d 50%,#ffb4f029 55%,#0000 70%) 0 0/260% 260%;animation:7s ease-in-out infinite pp-holo;position:absolute;inset:0}@keyframes pp-holo{0%,to{background-position:120% 0}50%{background-position:-20% 100%}}@media (prefers-reduced-motion:reduce){.pp-holo{opacity:.55;background-position:42% 42%;animation:none}}.pp-pass-content{z-index:3;flex-direction:column;justify-content:space-between;height:100%;padding:20px 22px;display:flex;position:relative}.pp-pass-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pp-brand{letter-spacing:.28em;text-transform:uppercase;text-shadow:0 1px 8px #00000059;font-size:12px;font-weight:700}.pp-brand span{letter-spacing:.08em;opacity:.72;text-transform:none;margin-top:3px;font-size:10px;font-weight:500;display:block}.pp-tier{letter-spacing:.08em;white-space:nowrap;color:#f9de95;background:#f4c24b2e;border:1px solid #f4c24b73;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600}.pp-pts .pp-k{letter-spacing:.16em;text-transform:uppercase;opacity:.72;text-shadow:0 1px 6px #0006;font-size:11px}.pp-pts .pp-v{flex-direction:column;align-items:flex-start;gap:1px;margin-top:2px;display:flex}.pp-pts .pp-v b{letter-spacing:-.02em;background:linear-gradient(#fde9b0,#f4c24b 55%,#d79a2a);color:#0000;filter:drop-shadow(0 1px 6px #0000004d);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:750;line-height:1}.pp-pts .pp-v u{opacity:.82;font-size:13px;text-decoration:none}.pp-pass-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.pp-no{letter-spacing:.18em;opacity:.9;text-shadow:0 1px 6px #0006;font-size:13px}.pp-hint{opacity:.78;text-shadow:0 1px 6px #0006;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.pp-hint svg{width:13px;height:13px}.pp-front.pp-onlight{color:#1b1a24}.pp-front.pp-onlight .pp-scrim{background:linear-gradient(#fff0 45%,#ffffff14 66%,#ffffff8c 100%),linear-gradient(#ffffff80 0%,#fff0 32%)}.pp-front.pp-onlight .pp-brand{text-shadow:0 1px 6px #ffffffbf}.pp-front.pp-onlight .pp-brand span{opacity:.66}.pp-front.pp-onlight .pp-pts .pp-k{opacity:.66;text-shadow:0 1px 5px #ffffffbf}.pp-front.pp-onlight .pp-pts .pp-v b{background:linear-gradient(#b67a0e,#8a5d10 58%,#6e4b0c);color:#0000;filter:drop-shadow(0 1px 3px #ffffffa6);-webkit-background-clip:text;background-clip:text}.pp-front.pp-onlight .pp-pts .pp-v u{opacity:.78}.pp-front.pp-onlight .pp-no,.pp-front.pp-onlight .pp-hint{opacity:.9;text-shadow:0 1px 5px #ffffffbf}.pp-front.pp-onlight .pp-tier{color:#7a520c;background:#1410081a;border-color:#7a520c6b}.pp-alert{background:var(--warn-bg);color:var(--warn-ink);border:1px solid color-mix(in srgb, var(--warn-ink) 22%, transparent);border-radius:var(--r-md);text-align:left;align-items:flex-start;gap:9px;width:100%;padding:10px 13px;font-size:12.5px;font-weight:500;line-height:1.45;display:flex}.pp-alert svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.pp-alert b{font-weight:700}.pp-alert-btn{cursor:pointer}.pp-success{border-radius:var(--r-md);background:var(--ok-bg);width:100%;color:var(--ok-ink);border:1px solid var(--ok-line);text-align:center;padding:12px 14px;font-size:13px;font-weight:600}.pp-success p{margin:4px 0 0;font-size:12px;font-weight:400}.pp-grid-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:8px 6px}.pp-grid{grid-template-columns:repeat(3,1fr);display:grid}.pp-tile{appearance:none;font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:15px 4px;display:flex;position:relative}.pp-tile:hover{background:var(--surface-2)}.pp-tile-ic{background:var(--accent-soft);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.pp-tile-ic svg{width:23px;height:23px;stroke:var(--accent);fill:none;stroke-width:1.8px}.pp-tile-label{font-size:12px;font-weight:500}.pp-tile-badge{background:var(--spend);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--surface);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:11px;right:calc(50% - 30px)}.pp-camp{flex-direction:column;gap:8px;display:flex}.pp-camp-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.pp-camp-rail::-webkit-scrollbar{display:none}.pp-camp-card{scroll-snap-align:start;aspect-ratio:16/9;border-radius:var(--r-lg);box-shadow:var(--shadow-card);font:inherit;color:inherit;text-align:left;background:0 0;border:none;flex:0 0 100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pp-camp-rail.multi .pp-camp-card{flex-basis:calc(100% - 34px)}button.pp-camp-card{cursor:pointer}button.pp-camp-card:active{transform:scale(.985)}.pp-camp-card{transition:transform .15s}.pp-camp-img{object-fit:cover;width:100%;height:100%;display:block}.pp-camp-blank{background:linear-gradient(135deg, var(--accent) 0%, #2a1e6b 100%)}.pp-camp-body{background:linear-gradient(#08071000 0%,#0807106b 45%,#080710c7 100%);padding:26px 14px 12px;position:absolute;inset:auto 0 0}.pp-camp-title{color:#fff;text-shadow:0 1px 3px #00000059;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pp-camp-sub{color:#ffffffdb;text-shadow:0 1px 3px #00000059;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;overflow:hidden}.pp-camp-dots{justify-content:center;gap:6px;display:flex}.pp-camp-dot{appearance:none;background:var(--line);cursor:pointer;border:none;border-radius:999px;width:6px;height:6px;padding:0;transition:width .2s,background .2s}.pp-camp-dot.on{background:var(--accent);width:16px}.pp-sec-h{justify-content:space-between;align-items:baseline;padding:0 3px;display:flex}.pp-sec-h h2{margin:0;font-size:14px;font-weight:650}.pp-sec-h button{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.pp-feed{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.pp-feed-row{border-top:1px solid var(--line-2);text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;align-items:center;gap:12px;padding:12px 14px;display:flex}.pp-feed-row:first-child{border-top:none}.pp-feed-row:hover{background:var(--surface-2)}.pp-swatch{object-fit:cover;background:var(--surface-2);border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid;box-shadow:inset 0 0 0 1px #0000000d}.pp-feed-main{flex:1;min-width:0}.pp-feed-name{font-size:13.5px;font-weight:600}.pp-feed-desc{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11.5px;overflow:hidden}.pp-cost{background:var(--gold-bg);color:var(--gold-ink);border:1px solid var(--gold-line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px 2px 7px;font-size:12px;font-weight:700;display:inline-flex}.pp-cost svg{width:12px;height:12px}.pp-subhead{align-items:center;gap:8px;padding:0 2px;display:flex}.pp-back{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pp-back:hover{border-color:var(--accent);color:var(--accent)}.pp-back svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px}.pp-subhead h1{margin:0;font-size:17px;font-weight:650}.pp-subhead .pp-subcnt{color:var(--ink-3);margin-left:auto;font-size:12px}.pp-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:15px}.pp-empty{text-align:center;color:var(--ink-3);padding:24px 0;font-size:13px}.pp-ledger{margin:0;padding:0;list-style:none}.pp-ledger li{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.pp-ledger li:first-child{border-top:none}.pp-led-date{color:var(--ink-3);font-size:11.5px}.pp-led-label{margin-top:1px;font-size:13.5px}.pp-led-amt{text-align:right;flex-shrink:0}.pp-led-p{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.pp-led-p.earn{color:var(--earn)}.pp-led-p.spend{color:var(--spend)}.pp-led-bal{color:var(--ink-3);margin-top:1px;font-size:11px}.pp-purchases{margin:0;padding:0;list-style:none}.pp-purchases>li{border-top:1px solid var(--line-2);padding:12px 0}.pp-purchases>li:first-child{border-top:none}.pp-pur-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pp-pur-store{font-size:13.5px;font-weight:600}.pp-pur-date{color:var(--ink-3);font-size:11.5px}.pp-pur-amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:650}.pp-pur-items{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.pp-pur-items li{color:var(--ink-2);justify-content:space-between;gap:8px;font-size:12px;display:flex}.pp-pur-items .pp-q{color:var(--ink-3)}.pp-pur-note{color:var(--ink-3);margin:6px 0 0;font-size:12px}.pp-tickets{flex-direction:column;gap:11px;display:flex}.pp-ticket{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden}.pp-ticket-head{cursor:pointer;width:100%;font:inherit;color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.pp-ticket-title{font-size:14px;font-weight:600}.pp-ticket-meta{color:var(--ink-3);margin-top:2px;font-size:11.5px}.pp-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:650}.pp-pill-live{background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok-line)}.pp-pill-used{background:var(--surface);color:var(--ink-3);border:1px solid var(--line)}.pp-pill-exp{background:color-mix(in srgb, var(--spend) 14%, transparent);color:var(--spend);border:1px solid color-mix(in srgb, var(--spend) 32%, transparent)}.pp-voucher{border-top:1px dashed var(--line);flex-direction:column;align-items:center;gap:10px;padding:18px 14px 16px;display:flex;position:relative}.pp-voucher:before,.pp-voucher:after{content:"";background:var(--bg);border:1px solid var(--line-2);border-radius:50%;width:18px;height:18px;position:absolute;top:-9px}.pp-voucher:before{left:-9px}.pp-voucher:after{right:-9px}.pp-code{letter-spacing:.22em;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:600}.pp-voucher-hint{color:var(--ink-2);text-align:center;font-size:12px}.pp-voucher-exp{color:var(--ink-3);font-size:11.5px}.pp-serial{border:1px dashed var(--line);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 8px;display:flex}.pp-serial+.pp-serial{margin-top:8px}.pp-serial-idx{color:var(--ink-3);font-size:11px}.pp-serial-code{letter-spacing:.12em;color:var(--ink);word-break:break-all;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:600}.pp-serial-pin{color:var(--ink-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.pp-serial-copy{color:var(--ink-2);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;margin-top:4px;padding:3px 14px;font-size:12px}.pp-rewards{flex-direction:column;gap:10px;display:flex}.pp-reward-groups{flex-direction:column;gap:16px;display:flex}.pp-reward-group-title{color:var(--ink-3);margin-bottom:8px;font-size:12.5px;font-weight:600}.pp-reward{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);align-items:center;gap:12px;padding:11px 12px;display:flex}.pp-reward.soldout{opacity:.58}.pp-reward-main{flex:1;min-width:0}.pp-reward-name{font-size:14px;font-weight:600}.pp-reward-desc{color:var(--ink-3);margin-top:1px;font-size:12px}.pp-reward-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;display:flex}.pp-badge{color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:10.5px}.pp-reward-act{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.pp-stepper{align-items:center;gap:9px;display:flex}.pp-step{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.pp-step:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pp-step:disabled{opacity:.35;cursor:default}.pp-step-n{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-size:14px;font-weight:600}.pp-invite{text-align:center;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:14px;padding:20px 16px;display:flex}.pp-invite-lead{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.55}.pp-invite-code{letter-spacing:.28em;color:var(--ink);padding-left:.28em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:700}.pp-invite-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.pp-missions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pp-mission{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:13px 14px;display:flex}.pp-mission.done{opacity:.62}.pp-mission-head{align-items:flex-start;gap:11px;display:flex}.pp-mission-ic{background:var(--surface);border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:19px;display:grid;box-shadow:inset 0 0 0 1px #0000000d}.pp-mission-main{flex:1;min-width:0}.pp-mission-title{font-size:13.5px;font-weight:650}.pp-mission-desc{color:var(--ink-3);margin-top:2px;font-size:11.5px;line-height:1.5}.pp-mission-pt{background:var(--gold-bg);color:var(--gold-ink);border:1px solid var(--gold-line);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:12px;font-weight:700}.pp-mission-hint{color:var(--ink-3);font-size:11.5px;line-height:1.5}.pp-mission-btns{align-items:center;gap:8px;display:flex}.pp-mission-btns .pp-inline-btn{padding:8px 14px}.pp-mission-btns .pp-action{text-align:center;flex:1}.pp-mission-state{font-size:12px;font-weight:600;line-height:1.5}.pp-mission-state.ok{color:var(--earn)}.pp-mission-state.wait{color:var(--ink-3)}.pp-mission-state.bad{color:var(--spend)}.pp-carrier-lead{color:var(--ink-3);margin:0 0 12px;font-size:12px;line-height:1.5}.pp-carrier-box{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:12px;padding:18px 16px;display:flex}.pp-carrier-row{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.pp-carrier-empty{color:var(--ink-3);font-family:ui-monospace,Menlo,monospace}.pp-form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:20px 18px}.pp-form-title{font-size:15px;font-weight:650}.pp-form-sub{color:var(--ink-3);margin:4px 0 0;font-size:12.5px;line-height:1.55}.pp-field{flex-direction:column;gap:6px;margin-top:14px;display:flex}.pp-field>span{color:var(--ink-2);font-size:12px;font-weight:500}.pp-ctrl{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);font:inherit;border-radius:11px;padding:11px 13px;font-size:14px}.pp-ctrl::placeholder{color:var(--ink-3)}.pp-ctrl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.pp-ctrl:disabled{opacity:.55}.pp-ctrl.mono{letter-spacing:.1em;font-family:ui-monospace,Menlo,monospace}.pp-row{gap:8px;display:flex}.pp-row .pp-ctrl{flex:1}.pp-inline-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;white-space:nowrap;cursor:pointer;border-radius:11px;padding:0 15px;font-size:13px;font-weight:600}.pp-inline-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pp-inline-btn:disabled{opacity:.5;cursor:default}.pp-ok-line{color:var(--ok-ink);align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:600;display:inline-flex}.pp-ok-line svg{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}.pp-err{color:var(--spend);margin-top:10px;font-size:12.5px}.pp-chips{flex-wrap:wrap;gap:8px;display:flex}.pp-chip{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;transition:all .12s}.pp-chip.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.pp-primary{appearance:none;cursor:pointer;background:var(--accent);width:100%;color:var(--accent-ink);font:inherit;box-shadow:0 3px 12px -4px color-mix(in srgb, var(--accent) 65%, transparent);border:none;border-radius:12px;margin-top:18px;padding:13px;font-size:14.5px;font-weight:650;transition:transform .1s,filter .15s}.pp-primary:hover:not(:disabled){filter:brightness(1.06)}.pp-primary:active:not(:disabled){transform:translateY(1px)}.pp-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.pp-btn-row{gap:8px;margin-top:18px;display:flex}.pp-btn-row .pp-primary{flex:1;margin-top:0}.pp-ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:12px;flex:1;padding:13px;font-size:14px}.pp-ghost:hover{border-color:var(--ink-3);color:var(--ink)}.pp-gift{background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--gold-bg) 55%, var(--accent-soft)));border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.pp-gift .pp-g{font-size:20px}.pp-friend{border:1px solid color-mix(in srgb, var(--spend) 40%, var(--line));background:color-mix(in srgb, var(--spend) 8%, var(--surface));border-radius:var(--r-md);padding:14px 15px}.pp-friend-title{color:var(--ink);align-items:center;gap:7px;font-size:14px;font-weight:650;display:flex}.pp-friend-title .pp-g{font-size:17px}.pp-friend-sub{color:var(--ink-2);margin:6px 0 0;font-size:12.5px;line-height:1.6}.pp-friend-btns{gap:8px;margin-top:12px;display:flex}.pp-friend-btns .pp-action{text-align:center;flex:1}.pp-friend-btns .pp-inline-btn{flex:1;padding:8px 12px}.pp-action{appearance:none;font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-ink);white-space:nowrap;box-shadow:0 2px 8px -3px color-mix(in srgb, var(--accent) 60%, transparent);border:none;border-radius:10px;padding:8px 15px;font-size:13px;font-weight:650;transition:transform .1s,filter .15s}.pp-action:hover:not(:disabled){filter:brightness(1.06)}.pp-action:active:not(:disabled){transform:translateY(1px)}.pp-action:disabled{background:var(--surface-2);color:var(--ink-3);box-shadow:none;cursor:default;border:1px solid var(--line)}.pp-note{color:var(--ink-3);text-align:center;margin:10px 0 0;font-size:12px}.pp-center{text-align:center;min-height:60vh;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.pp-spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite pp-spin}@keyframes pp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pp-spinner{animation-duration:2s}}.pp-error-txt{color:var(--spend);font-size:14px}.pp button:focus-visible,.pp [tabindex]:focus-visible,.pp .pp-ctrl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}