.pp-cover{background:var(--ui-leather-grain), radial-gradient(ellipse at 30% 60%, color-mix(in srgb, var(--pp-trim-accent) 70%, transparent) 0, transparent 40%), radial-gradient(ellipse at 70% 40%, var(--pp-trim), var(--pp-trim-deep) 80%);height:300px;display:block;position:relative;overflow:hidden}.pp-cover:not(:has(img)){outline:var(--ui-leather-stitch-line);outline-offset:var(--ui-leather-stitch-offset)}.pp-cover img{object-fit:cover;width:100%;height:100%;display:block}.pp-cover:after{content:"";background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ui-leather-deep) 55%, transparent));pointer-events:none;position:absolute;inset:0}@media (max-width:767px){.pp-cover{height:168px}}.pp-trim,.pp-trim[data-trim=saddle]{--pp-trim-deep:var(--ui-trim-saddle-deep);--pp-trim:var(--ui-trim-saddle);--pp-trim-accent:var(--ui-trim-saddle-accent)}.pp-trim[data-trim=forest]{--pp-trim-deep:var(--ui-trim-forest-deep);--pp-trim:var(--ui-trim-forest);--pp-trim-accent:var(--ui-trim-forest-accent)}.pp-trim[data-trim=oxblood]{--pp-trim-deep:var(--ui-trim-oxblood-deep);--pp-trim:var(--ui-trim-oxblood);--pp-trim-accent:var(--ui-trim-oxblood-accent)}.pp-trim[data-trim=chestnut]{--pp-trim-deep:var(--ui-trim-chestnut-deep);--pp-trim:var(--ui-trim-chestnut);--pp-trim-accent:var(--ui-trim-chestnut-accent)}.pp-trim[data-trim=ink]{--pp-trim-deep:var(--ui-trim-ink-deep);--pp-trim:var(--ui-trim-ink);--pp-trim-accent:var(--ui-trim-ink-accent)}.pp-trim[data-trim=pewter]{--pp-trim-deep:var(--ui-trim-pewter-deep);--pp-trim:var(--ui-trim-pewter);--pp-trim-accent:var(--ui-trim-pewter-accent)}html[data-simple] .pp-trim{--pp-trim-deep:var(--ui-leather-deep);--pp-trim:var(--ui-leather);--pp-trim-accent:var(--ui-brass)}.pp-swatch{border-radius:var(--ui-radius-full);background:linear-gradient(135deg, var(--pp-trim) 55%, var(--pp-trim-accent) 55%);border:1px solid var(--ui-border-strong);flex:none;width:1.5rem;height:1.5rem;display:inline-block}.pp-plate{margin-top:-72px;position:relative}.pp-portrait{border:5px solid var(--ui-surface);box-shadow:var(--ui-shadow-2);margin-top:-70px}@media (max-width:767px){.pp-plate{margin-top:-40px}.pp-portrait{margin-top:-56px}}.pp-strip{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;display:grid}.pp-month{border-radius:var(--ui-radius-sm);background:var(--ui-surface-sunk);border:1px solid var(--ui-rule);height:24px;display:block}.pp-month[data-level="1"]{background:color-mix(in srgb, var(--ui-forest) 18%, var(--ui-surface))}.pp-month[data-level="2"]{background:color-mix(in srgb, var(--ui-forest) 38%, var(--ui-surface))}.pp-month[data-level="3"]{background:color-mix(in srgb, var(--ui-forest) 64%, var(--ui-surface))}.pp-month[data-level="4"]{background:var(--ui-forest)}.pp-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pp-step{font-size:var(--ui-text-12);color:var(--ui-ink-quiet);flex-direction:column;gap:4px;display:flex}.pp-step:before{content:"";border-radius:var(--ui-radius-full);background:var(--ui-chip);height:6px;display:block}.pp-step[data-state=done]:before{background:var(--ui-forest)}.pp-step[data-state=now]:before{background:var(--ui-brass)}.pp-step[data-state=now]{color:var(--ui-ink);font-weight:var(--ui-weight-semibold)}.pp-share{padding:var(--ui-space-6);gap:var(--ui-space-4);box-shadow:var(--ui-shadow-3);border-radius:20px;flex-direction:column;display:flex}.pp-share[data-look=leather]{background:linear-gradient(160deg, var(--ui-leather-deep), var(--ui-leather));color:var(--ui-leather-text)}.pp-share[data-look=parchment]{background:var(--ui-gold-surface);color:var(--ui-ink);border:1px solid var(--ui-gold-border)}.pp-share[data-look=forest]{background:linear-gradient(160deg, var(--ui-trim-forest), var(--ui-trim-forest-deep));color:var(--ui-leather-text)}.pp-hero{background:var(--ui-leather-grain), linear-gradient(160deg, var(--ui-leather-deep), var(--ui-leather));color:var(--ui-leather-text);outline:var(--ui-leather-stitch-line);outline-offset:var(--ui-leather-stitch-offset)}.pp-hero :focus-visible{outline-color:var(--ui-leather-focus)}.pp-hero a{color:var(--ui-leather-text)}.pp-hero a[aria-current=page]{background:var(--ui-leather-text);color:var(--ui-brass-ink)}.pp-big{font-family:var(--ui-font-display);font-weight:var(--ui-weight-bold);font-size:var(--ui-text-40);color:var(--ui-leather-on);line-height:1}.pp-cover .ui-btn--line{background:var(--ui-surface)}.pp-cover .ui-btn--line:hover{background:var(--ui-surface-sunk)}