.pp{--pp-candy:var(--color-candy-500);--pp-candy-ink:#d63a7d;--pp-candy-pale:#fde7f1;--pp-choco:var(--color-choco-900);--pp-choco-deep:#331010;--pp-choco-ink:#5e2f2f;--pp-sunny-ink:#d99a0e;--pp-splash-ink:#00a8b8;--pp-candy-ink-text:#b82e68;--pp-choco-ink-text:var(--pp-choco-ink);--pp-splash-ink-text:#00757f;--pp-sunny-ink-text:#8a6108;--pp-gold-1:#b98a2f;--pp-gold-2:#f3d98b;--pp-gold-3:#d9ae54;--pp-paper:#fff9ef;--pp-desk:#f6e8de;--pp-pw:400px;--pp-ph:560px;border-radius:var(--radius-bubble);background:radial-gradient(120% 90% at 50% 20%, #fdf3ec 0%, var(--pp-desk) 55%, #edd9cc 100%);color:var(--pp-choco);flex-direction:column;align-items:center;gap:26px;padding:48px 16px 90px;display:flex;position:relative;overflow:hidden}.pp-hint{font-family:var(--font-caveat), cursive;color:var(--pp-candy-ink);text-align:center;font-size:23px;transform:rotate(-1.5deg)}.pp-scene{perspective:2000px;margin-top:12px}.pp-book{width:var(--pp-pw);height:var(--pp-ph);transform-style:preserve-3d;position:relative}.pp-book[role=button]{cursor:pointer}.pp-book:after{content:"";filter:blur(6px);background:radial-gradient(50% 100% at 50% 0,#4511114d,#0000 70%);height:34px;position:absolute;bottom:-26px;left:6%;right:6%;transform:translateZ(-40px)}.pp-stack{background:repeating-linear-gradient(#fffdf6 0 2px,#efe2cb 2px 3px,#fbf4e4 3px 5px);border-radius:10px 16px 16px 10px;position:absolute;inset:3px -6px 3px 3px;box-shadow:inset -3px 0 4px #45111138,2px 0 3px #45111126}.pp-stack:after{content:"";background:repeating-linear-gradient(#0000 0 6px,#4511111a 6px 7px);width:3px;position:absolute;inset:0 0 0 auto}.pp-page-right{background:linear-gradient(90deg, #45111129 0%, #4511110d 5%, transparent 12%), radial-gradient(120% 100% at 80% 20%, #fffdf6 0%, var(--pp-paper) 60%, #f8efdd 100%);border-radius:8px 14px 14px 8px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 14px 0 24px -12px #45111180,inset 0 -6px 14px -8px #4511112e}.pp-page-right:before,.pp-cover-inside:before{content:"";opacity:.35;mix-blend-mode:multiply;filter:url(#pp-paper);pointer-events:none;background:#fdf8ec;position:absolute;inset:0}.pp-cover{z-index:2;transform-style:preserve-3d;transform-origin:0;border-radius:10px 16px 16px 10px;position:absolute;inset:0}.pp-cover-face{backface-visibility:hidden;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pp-cover-front{background:radial-gradient(140% 120% at 30% 15%, #5a1a1a 0%, var(--pp-choco) 45%, var(--pp-choco-deep) 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;box-shadow:0 26px 60px #33101073,0 4px 12px #3310104d,inset 0 1px #ffffff1a,inset 0 -14px 26px #00000047,inset 10px 0 20px #0003}.pp-cover-front:before{content:"";opacity:.28;mix-blend-mode:overlay;filter:url(#pp-leather);background:#4a1c14;position:absolute;inset:0}.pp-cover-front:after{content:"";pointer-events:none;border:1.6px solid #f3d98b8c;border-radius:8px;position:absolute;inset:16px;box-shadow:0 1px #00000080,inset 0 1px #0006,0 -1px #fff0c840,inset 0 -1px #fff0c833}.pp-sheen{z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(48% 38% at var(--pp-mx,30%) var(--pp-my,20%), #ffecc829, #ffffff0d 45%, transparent 70%);mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.pp-gold{background:linear-gradient(115deg, var(--pp-gold-1) 10%, var(--pp-gold-2) 42%, var(--pp-gold-3) 60%, var(--pp-gold-2) 85%);color:#0000;filter:drop-shadow(0 1.2px #0000008c)drop-shadow(0 -.6px #fff4d647);-webkit-background-clip:text;background-clip:text}.pp-cover-title{font-family:var(--font-baloo), cursive;letter-spacing:9px;text-indent:9px;font-size:33px;font-weight:800}.pp-cover-sub{letter-spacing:4px;text-indent:4px;opacity:.95;font-size:11.5px;font-weight:600}.pp-crest{filter:drop-shadow(0 2px 4px #00000059);width:118px;height:118px}.pp-cover-hint{font-family:var(--font-caveat), cursive;color:#f3d98bd9;font-size:20px;transition:opacity .4s;position:absolute;bottom:26px}.pp-open .pp-cover-hint{opacity:0}.pp-cover-inside{background:linear-gradient(270deg, #45111129 0%, #4511110d 5%, transparent 12%), radial-gradient(120% 100% at 20% 20%, #fffdf6 0%, var(--pp-paper) 60%, #f8efdd 100%);transform:rotateY(180deg);box-shadow:inset -14px 0 24px -12px #45111180,inset 0 -6px 14px -8px #4511112e}.pp-seam{z-index:1;border-left:1.6px dashed #d63a7d59;width:0;position:absolute;top:10px;bottom:10px}.pp-page-right .pp-seam{left:7px}.pp-cover-inside .pp-seam{right:7px}.pp-guilloche{pointer-events:none;opacity:.5;position:absolute;inset:0}.pp-page-pad{flex-direction:column;padding:20px 20px 44px;display:flex;position:absolute;inset:0}.pp-page-label{letter-spacing:3px;color:var(--pp-candy-ink);margin-bottom:10px;font-size:10px;font-weight:700}.pp-id-row{align-items:flex-start;gap:16px;display:flex}.pp-id-photo{background:var(--pp-candy-pale);cursor:pointer;border:1px solid #d63a7d40;border-radius:8px;flex:none;justify-content:center;align-items:center;width:92px;height:112px;font-size:46px;line-height:1;display:flex;overflow:hidden;box-shadow:inset 0 0 14px #d63a7d1f}.pp-id-photo img{object-fit:cover;object-position:top;width:100%;height:100%}.pp-id-fields{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.pp-field span{letter-spacing:1.6px;color:var(--pp-choco-ink);opacity:.55;font-size:8.5px;font-weight:700;display:block}.pp-field b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;display:block;overflow:hidden}.pp-field .pp-caveat{font-family:var(--font-caveat), cursive;color:var(--pp-candy-ink);opacity:1;letter-spacing:normal;font-size:19px;font-weight:700}.pp-id-progress{margin-top:22px}.pp-ptrack{background:var(--pp-candy-pale);border-radius:99px;height:10px;margin-top:7px;overflow:hidden}.pp-pfill{background:linear-gradient(90deg, var(--pp-candy), var(--color-sunny-400));border-radius:99px;height:100%}.pp-plabel{justify-content:space-between;font-size:11.5px;font-weight:600;display:flex}.pp-palier-note{font-family:var(--font-caveat), cursive;color:var(--pp-choco-ink);margin-top:9px;font-size:19px}.pp-mrz{font-family:var(--font-mono,ui-monospace), monospace;letter-spacing:1px;color:var(--pp-choco-ink);opacity:.65;white-space:nowrap;background:#fde7f159;border-top:1.4px dashed #5e2f2f4d;padding:9px 18px 11px;font-size:10.5px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pp-stamps{grid-template-columns:repeat(3,1fr);gap:5px;list-style:none;display:grid}.pp-stamps>li{width:100%;max-width:106px;margin:0 auto}.pp-stamp{aspect-ratio:1;mix-blend-mode:multiply;transform:rotate(var(--pp-rot,0deg));justify-content:center;align-items:center;display:flex;position:relative}.pp-stamp img{mix-blend-mode:multiply;width:112%;max-width:none}.pp-stamp-date{font-family:var(--font-caveat), cursive;color:var(--pp-ink-text);font-size:12px;font-weight:700;position:absolute;bottom:26%}.pp-pending{opacity:0}.pp-ink-candy{--pp-ink-text:var(--pp-candy-ink-text)}.pp-ink-choco{--pp-ink-text:var(--pp-choco-ink-text)}.pp-ink-splash{--pp-ink-text:var(--pp-splash-ink-text)}.pp-ink-sunny{--pp-ink-text:var(--pp-sunny-ink-text)}.pp-ghost{aspect-ratio:1;text-align:center;background:#ffffff73;border:2px dashed #45111138;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:border-color .2s;display:flex}.pp-ghost:hover{border-color:var(--pp-candy)}.pp-ghost-flag{filter:grayscale()opacity(.4);font-size:21px}.pp-ghost-name{color:var(--pp-choco-ink);opacity:.75;font-size:9.5px;font-weight:600}.pp-ghost-cta{font-family:var(--font-caveat), cursive;color:var(--pp-candy-ink);font-size:13.5px}.pp-tabs{justify-content:center;gap:8px;margin-top:18px;display:flex}.pp-tabs button{color:var(--pp-choco);font-family:var(--font-baloo), cursive;cursor:pointer;background:#fff9;border:2px solid #45111133;border-radius:999px;padding:8px 20px;font-size:15px;font-weight:700}.pp-tabs button[aria-pressed=true]{border-color:var(--pp-candy);background:var(--pp-candy);color:#fff}.pp-teaser-text{text-align:center;max-width:460px;color:var(--pp-choco-ink)}.pp-cta{cursor:pointer;background:var(--pp-candy);color:#fff;font-family:var(--font-baloo), cursive;border:none;border-radius:999px;padding:12px 26px;font-size:16px;font-weight:700;transition:transform .15s;display:inline-block;box-shadow:0 6px 18px #f0489059}.pp-cta:hover{transform:translateY(-2px)}.pp-cta:disabled{opacity:.6;cursor:progress}.pp-dialog{border-radius:var(--radius-bubble);background:var(--pp-paper);width:min(420px,100vw - 32px);color:var(--pp-choco);border:none;padding:22px}.pp-dialog::backdrop{background:#33101073}.pp-dialog-title{font-family:var(--font-baloo), cursive;text-align:center;margin-bottom:14px;font-size:21px;font-weight:800}.pp-avatars{grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;display:grid}.pp-avatar{aspect-ratio:.82;background:var(--pp-candy-pale);cursor:pointer;border:2px solid #d63a7d40;border-radius:8px;width:100%;padding:0;transition:transform .15s;display:block;overflow:hidden}.pp-avatar:hover{transform:translateY(-2px)}.pp-avatar img{object-fit:cover;object-position:top;width:100%;height:100%}.pp-avatar[aria-pressed=true]{border-color:var(--pp-candy);box-shadow:0 0 0 3px #f0489040}.pp-error{text-align:center;color:var(--pp-candy-ink);margin-top:12px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.pp,.pp *,.pp :before,.pp :after{transition:none!important;animation:none!important}.pp-cta:hover,.pp-avatar:hover{transform:none}}@media (max-width:900px){.pp{--pp-pw:310px;--pp-ph:434px;padding:32px 12px 70px}.pp-cover-title{font-size:26px}.pp-page-pad{padding:14px 14px 38px}.pp-stamps>li{max-width:78px}.pp-stamp-date{font-size:10px}.pp-ghost-flag{font-size:15px}.pp-ghost-name{font-size:8px}.pp-ghost-cta{font-size:11px}.pp-id-photo{width:66px;height:82px;font-size:32px}.pp-field b{font-size:12px}.pp-field .pp-caveat{font-size:15px}.pp-mrz{padding:6px 12px 8px;font-size:8px}.pp-page-label{letter-spacing:2px;font-size:8.5px}.pp-id-progress{margin-top:12px}.pp-palier-note{font-size:15px}}