.ppl-page{max-width:calc(1152px + 2 * var(--ui-space-6));margin:0 auto;padding:var(--ui-space-7) var(--ui-space-6) var(--ui-space-10);color:var(--ui-ink);font-family:var(--ui-font-sans)}.ppl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2);font-size:var(--ui-text-s);color:var(--ui-ink-3)}.ppl-crumbs a{color:var(--ui-ink-3)}.ppl-crumbs a:is(:hover,:focus-visible){color:var(--ui-ink)}.ppl-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-6);margin-top:var(--ui-space-4)}.ppl-head-text{flex:1 1 480px;min-width:0}.ppl-h1{margin:0;font-size:var(--ui-text-2xl);font-weight:var(--ui-weight-strong);line-height:1.15;letter-spacing:-.01em}.ppl-lead{max-width:640px;margin:var(--ui-space-3) 0 0;font-size:var(--ui-text-m);line-height:1.55;color:var(--ui-ink-2)}.ppl-actions{display:flex;flex-wrap:wrap;gap:var(--ui-space-3)}.ppl-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:44px;padding:0 var(--ui-space-5);border-radius:var(--ui-radius-control);background:var(--ui-accent);color:var(--ui-on-accent);font-size:var(--ui-text-m);font-weight:var(--ui-weight-strong);white-space:nowrap}.ppl-primary:is(:hover,:focus-visible){background:var(--ui-accent-hover)}.ppl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2) var(--ui-space-5);margin-top:var(--ui-space-7);font-size:var(--ui-text-s);color:var(--ui-ink-3)}.ppl-legend-item{display:inline-flex;align-items:center;gap:var(--ui-space-2)}.ppl-legend-blocks{display:inline-flex;gap:var(--ui-space-1)}.ppl-legend-block{width:20px;height:6px;border-radius:var(--ui-radius-bar)}.ppl-legend-dot{width:7px;height:7px;border-radius:var(--ui-radius-round)}:is(.ppl-bar,.ppl-legend-block,.ppl-legend-dot){background:var(--ui-accent)}[data-tone="0"]>.ppl-bar,.ppl-legend-block[data-tone="0"],.ppl-legend-dot[data-tone="0"]{background:color-mix(in oklab,var(--ui-accent) 35%,var(--ui-surface))}[data-tone="1"]>.ppl-bar,.ppl-legend-dot[data-tone="1"]{background:color-mix(in oklab,var(--ui-accent) 55%,var(--ui-surface))}[data-tone="2"]>.ppl-bar,.ppl-legend-dot[data-tone="2"]{background:color-mix(in oklab,var(--ui-accent) 72%,var(--ui-surface))}[data-tone="3"]>.ppl-bar,.ppl-legend-dot[data-tone="3"]{background:color-mix(in oklab,var(--ui-accent) 86%,var(--ui-surface))}.ppl-groups{margin-top:var(--ui-space-8)}.ppl-group+.ppl-group{margin-top:var(--ui-space-9)}.ppl-group-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ui-space-3);margin:0 0 var(--ui-space-5);font-size:var(--ui-text-xl);font-weight:var(--ui-weight-strong);line-height:1.2}.ppl-group-count{white-space:nowrap;font-size:var(--ui-text-s);font-weight:var(--ui-weight-regular);color:var(--ui-ink-3)}.ppl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-4)}.ppl-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;border:1px solid var(--ui-hair);border-radius:var(--ui-radius-card);background:var(--ui-surface)}.ppl-card:hover{border-color:var(--ui-ink-3);transform:translateY(-2px)}.ppl-strip{display:flex;align-items:flex-end;gap:2px;min-height:96px;padding:var(--ui-space-7) var(--ui-space-4) var(--ui-space-5);border-radius:var(--ui-radius-card) var(--ui-radius-card) 0 0;background:var(--ui-pane)}.ppl-block{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:var(--ui-space-2);min-width:0;color:var(--ui-glyph)}.ppl-glyph-gap{height:16px}.ppl-bar{width:100%;height:8px;border-radius:var(--ui-radius-bar)}.ppl-card-body{flex:1;padding:var(--ui-space-4) var(--ui-space-4) var(--ui-space-3)}.ppl-card-title{margin:0;font-size:var(--ui-text-l);font-weight:var(--ui-weight-strong);line-height:1.3}.ppl-card-link{color:var(--ui-ink)}.ppl-card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ppl-card:has(.ppl-card-link:focus-visible){border-color:var(--ui-accent);outline:1px solid var(--ui-accent);outline-offset:-2px}.ppl-card-link:focus-visible{outline:none;box-shadow:none}.ppl-card-sub{margin:var(--ui-space-1) 0 0;font-size:var(--ui-text-s);line-height:1.4;color:var(--ui-ink-2)}.ppl-card-meta{display:flex;flex-wrap:wrap;gap:var(--ui-space-3);margin:var(--ui-space-1) 0 0;font-size:var(--ui-text-s);color:var(--ui-ink-3)}.ppl-card-note{margin:var(--ui-space-3) 0 0;-webkit-hyphens:manual;hyphens:manual;font-size:var(--ui-text-s);line-height:1.45;color:var(--ui-ink-2)}.ppl-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-3) var(--ui-space-4);border-top:1px solid var(--ui-hair);font-size:var(--ui-text-s)}.ppl-card-mock{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--ui-space-2);min-height:32px;margin:calc(-1 * var(--ui-space-2)) calc(-1 * var(--ui-space-2));padding:0 var(--ui-space-2);border-radius:var(--ui-radius-control);color:var(--ui-ink-3)}.ppl-card-mock:is(:hover,:focus-visible){color:var(--ui-accent-ink)}.ppl-card-mock:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px;box-shadow:none}.ppl-card-open{display:inline-flex;align-items:center;gap:var(--ui-space-1);font-weight:var(--ui-weight-strong);color:var(--ui-ink)}.ppl-card:hover .ppl-card-open svg{transform:translate(2px)}.ppl-loading{min-height:480px}.ppl-empty{margin:var(--ui-space-9) 0;font-size:var(--ui-text-m);color:var(--ui-ink-3)}.ppl-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-7);margin-top:var(--ui-space-10);padding-top:var(--ui-space-7);border-top:1px solid var(--ui-hair)}.ppl-more-title{margin:0 0 var(--ui-space-2);font-size:var(--ui-text-m);font-weight:var(--ui-weight-strong)}.ppl-more-text{margin:0;font-size:var(--ui-text-s);line-height:1.6;color:var(--ui-ink-2)}.ppl-more-text a{font-weight:var(--ui-weight-strong);color:var(--ui-accent-ink)}.ppl-more-text a:is(:hover,:focus-visible){text-decoration:underline}.ppl-tab{color:var(--ui-ink);font-family:var(--ui-font-sans);text-align:left}.ppl-tab>.ppl-legend{margin-top:0}.ppl-tab>.ppl-groups{margin-top:var(--ui-space-6)}.ppl-rail{margin-top:var(--ui-space-8);text-align:left}.ppl-rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-space-4)}.ppl-rail-title{margin:0;font-size:var(--ui-text-l);font-weight:var(--ui-weight-strong);color:var(--ui-ink)}.ppl-grid[data-layout=rail]{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:232px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:-2px;padding-top:2px;padding-bottom:var(--ui-space-2)}.ppl-grid[data-layout=rail]>.ppl-card{scroll-snap-align:start}@media(max-width:1023px){.ppl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639px){.ppl-page{padding:var(--ui-space-4) var(--ui-space-4) var(--ui-space-9)}.ppl-h1{font-size:var(--ui-text-xl)}.ppl-head{gap:var(--ui-space-4)}.ppl-head-text{flex-basis:100%}.ppl-actions{width:100%}.ppl-actions>.ui-btn-line{display:none}.ppl-primary{flex:1}.ppl-legend{margin-top:var(--ui-space-5)}.ppl-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:-2px;margin-right:calc(-1 * var(--ui-space-4));padding-top:2px;padding-right:var(--ui-space-4);padding-bottom:var(--ui-space-2)}.ppl-grid>.ppl-card{scroll-snap-align:start}.ppl-grid[data-layout=rail]{grid-auto-columns:64%}.ppl-more{grid-template-columns:1fr;gap:var(--ui-space-5);margin-top:var(--ui-space-9)}}@media(prefers-reduced-motion:no-preference){.ppl-card{transition:border-color var(--ui-motion-fast) var(--ui-ease),transform var(--ui-motion-fast) var(--ui-ease);animation:ppl-card-in var(--ui-motion-slow) var(--ui-ease) backwards;animation-delay:calc(min(var(--ppl-i, 0),12)*30ms)}.ppl-card-open svg,.ppl-card-mock{transition:transform var(--ui-motion-fast) var(--ui-ease),color var(--ui-motion-fast) var(--ui-ease)}}@media(prefers-reduced-motion:reduce){.ppl-card:hover{transform:none}.ppl-card:hover .ppl-card-open svg{transform:none}}@keyframes ppl-card-in{0%{opacity:0;translate:0 6px}}