.card-pile{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.card-pile[data-ready]{opacity:1}.card-pile-fixed{position:fixed}.pile-card{border:1px solid var(--color-rule);background:var(--color-card);pointer-events:auto;touch-action:none;cursor:grab;-webkit-app-region:no-drag;border-radius:16px;align-items:center;gap:12px;width:max-content;padding:12px 18px 12px 14px;transition:scale .12s;display:flex;position:absolute;translate:-50% -50%;box-shadow:0 1px 3px #0006,0 1px 2px -1px #0006}.pile-card.dragging{cursor:grabbing;scale:.98}.pile-card>*{opacity:var(--fade,1)}.pile-card>span{color:var(--color-ink);white-space:nowrap;font-size:15px;font-weight:500;line-height:21px}@media (width<=1099px){.card-pile-fixed{display:none}}@media (width<=639px){.card-pile .pile-card:is([data-edge="1"],[data-edge="3"]){display:none}}@media (prefers-reduced-motion:reduce){.card-pile,.pile-card{transition:none}}.card-page{flex-direction:column;align-items:center;min-height:100dvh;padding:0 20px 48px;display:flex;position:relative}.card-page-column{z-index:1;width:100%;max-width:640px;padding:56px 0 72px;position:relative}.card-page-home{letter-spacing:-.01em;align-items:center;gap:10px;width:fit-content;margin:0 auto 88px;font-size:20px;font-weight:600;display:flex}.card-page-home:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:4px}.card-page h1{letter-spacing:-.01em;text-align:center;margin:0;font-size:48px;font-weight:600;line-height:1.1}.card-page-description{max-width:520px;color:var(--color-muted);text-align:center;text-wrap:balance;margin:20px auto 0;font-size:17px;line-height:1.6}@media (width<=639px){.card-page-column{padding-top:40px}.card-page-home{margin-bottom:56px}.card-page h1{font-size:34px}.card-page-description{font-size:15px}}