@layer theme, base, cards, components, utilities;@layer components{.pfal-shelf{container:pfal-shelf/inline-size;padding:clamp(24px,2.8vw,34px) var(--pf-m) clamp(26px,3vw,36px);border-bottom:1px solid var(--pf-line)}.pfal-shelf-sheet .pfal-shelf,.pfal-shelf:last-child{border-bottom:0}.pfal-shelf__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.pfal-shelf__all,.pfal-shelf__link{color:var(--pf-text);font-size:var(--pf-t-small);font-weight:600;text-decoration:underline;text-decoration-color:var(--pf-line-strong);text-decoration-thickness:2px;text-underline-offset:.25em;transition:text-decoration-color .15s}@media (hover:hover){.pfal-shelf__all:hover,.pfal-shelf__link:hover{text-decoration-color:var(--pf-accent)}}.pfal-shelf__actions{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}.pfal-shelf__order{padding:0;border:0;background:none;font:inherit;font-size:var(--pf-t-small);font-weight:600;cursor:pointer}.pfal-order{margin-top:14px}.pfal-order__lede,.pfal-order__note{color:var(--pf-text-muted);font-size:var(--pf-t-small);line-height:1.5}.pfal-order__note{margin-top:10px}.pfal-order__list{position:relative;display:grid;max-width:640px;margin:12px 0 0;padding:0;list-style:none}.pfal-order__ghost,.pfal-order__row{display:grid;grid-template-columns:22px 40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:8px 4px}.pfal-order__row{border-top:1px solid var(--pf-line);cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pfal-order__row:last-child{border-bottom:1px solid var(--pf-line)}.pfal-order__list[data-carrying],.pfal-order__list[data-carrying] .pfal-order__row{cursor:grabbing}.pfal-order__row[data-carried]{border-radius:var(--pf-r-sm);background:color-mix(in oklab,var(--pf-text) 3%,var(--pf-bg));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--pf-text) 24%,var(--pf-bg))}.pfal-order__row[data-carried]>*{visibility:hidden}.pfal-order__grip{display:grid;place-items:center;color:var(--pf-text-muted)}.pfal-order__grip svg{width:20px;height:20px}.pfal-order__art{display:block;width:40px}.pfal-order__text{display:grid;min-width:0;gap:2px}.pfal-order__title{overflow:hidden;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.pfal-order__meta{color:var(--pf-text-muted);font-size:var(--pf-t-small)}.pfal-order__moves{display:inline-flex;gap:2px}.pfal-order__moves .pf-icon-btn[aria-disabled=true]{opacity:.35;cursor:default}.pfal-order__fold{padding:8px 4px;border-top:1px dashed var(--pf-line-strong);color:var(--pf-text-muted);font-size:.8125rem}.pfal-order__ghost{position:fixed;top:0;left:0;z-index:70;border-radius:var(--pf-r-md);background:var(--pf-raised);box-shadow:0 0 0 1px var(--pf-line-strong);pointer-events:none;rotate:-1deg;filter:drop-shadow(0 14px 16px var(--pf-shadow))}@media (pointer:coarse){.pfal-order__moves .pf-icon-btn{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.pfal-order__ghost{rotate:none}}.pfal-shelf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:26px 22px;margin:18px 0 0;padding:0;list-style:none}.pfal-shelf__cell{min-width:0}.pfal-shelf__item{display:grid;align-content:start;gap:4px;max-width:200px;color:inherit;text-decoration:none;border-radius:var(--pf-r-md)}.pfal-shelf__item:focus-visible{outline-offset:4px}.pfal-shelf__cover{position:relative;display:block;isolation:isolate;margin:15px 0 8px}.pfal-shelf__art{position:relative;z-index:1;display:block;transition:translate .25s var(--pf-ease-out)}.pfal-shelf__sheet{position:absolute;inset:0 6px;z-index:0;border-radius:8px;background:color-mix(in oklab,var(--pf-text) 30%,var(--pf-bg));box-shadow:inset 0 1px 0 color-mix(in oklab,var(--pf-text) 46%,var(--pf-bg));translate:0 -6px}.pfal-shelf__sheet[data-i="2"]{inset:0 12px;background:color-mix(in oklab,var(--pf-text) 20%,var(--pf-bg));box-shadow:inset 0 1px 0 color-mix(in oklab,var(--pf-text) 34%,var(--pf-bg));translate:0 -11px}.pfal-shelf__sheet[data-i="3"]{inset:0 18px;background:color-mix(in oklab,var(--pf-text) 13%,var(--pf-bg));box-shadow:inset 0 1px 0 color-mix(in oklab,var(--pf-text) 25%,var(--pf-bg));translate:0 -15px}@media (hover:hover){.pfal-shelf__item:hover .pfal-shelf__art{translate:0 -3px}}.pfal-shelf__bar{display:flex;gap:2px;height:5px;margin:2px 0 1px}.pfal-shelf__bar>span{flex:var(--n) 1 0;min-width:4px;overflow:hidden;border-radius:var(--pf-r-pill);background:color-mix(in oklab,var(--r) 10%,var(--pf-bg));box-shadow:inset 0 0 0 1.25px color-mix(in oklab,var(--r) 62%,var(--pf-bg))}.pfal-shelf__bar i{display:block;width:calc(var(--k) * 100%);height:100%;border-radius:inherit;background:var(--r)}.pfal-shelf__more{display:inline-flex;align-items:center;min-height:36px;margin-top:16px;padding:0;border:0;background:none;color:var(--pf-text);font:inherit;font-size:var(--pf-t-small);font-weight:600;text-decoration:underline;text-decoration-color:var(--pf-line-strong);text-decoration-thickness:2px;text-underline-offset:.25em;cursor:pointer}@media (hover:hover){.pfal-shelf__more:hover{text-decoration-color:var(--pf-accent)}}.pfal-shelf__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.pfal-shelf__meta{color:var(--pf-text-muted);font-size:var(--pf-t-small);font-variant-numeric:tabular-nums}.pfal-shelf__note{margin-top:14px;color:var(--pf-text-muted);font-size:var(--pf-t-small);line-height:1.5}@container pfal-shelf (width < 560px){.pfal-shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}}@media (pointer:coarse){.pfal-shelf__all,.pfal-shelf__link,.pfal-shelf__more{display:inline-flex;align-items:center;min-height:44px}}@media (prefers-reduced-motion:reduce){.pfal-shelf__art{transition:none}.pfal-shelf__item:hover .pfal-shelf__art{translate:none}}}