.p-app{width:100%;max-width:520px;color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .25s var(--spring), box-shadow .25s var(--spring);border-radius:24px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;margin-top:2px;text-decoration:none;display:grid;overflow:hidden}.p-app:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.p-app:active{box-shadow:0 1px 0 var(--ink);transition-duration:80ms;transform:translateY(4px)scale(1.01,.96)}.p-app-pic{background:var(--bg);align-self:stretch;place-items:center;padding:14px 12px;display:grid}.p-app-pic svg{border:2.5px solid var(--ink);background:var(--card);width:70px;height:70px;box-shadow:3px 4px 0 var(--ink);transition:rotate .3s var(--spring);border-radius:14px;display:block;overflow:hidden;rotate:-5deg}.p-app-words{gap:4px;min-width:0;padding:14px 8px 15px 18px;display:grid}.p-app-head{font:400 21px/1.1 var(--display);text-wrap:balance}.p-app-line{text-wrap:pretty;font-size:15px;font-weight:600;line-height:1.4}.p-app-go{background:var(--card);border:var(--line) solid var(--ink);border-radius:50%;place-items:center;width:42px;height:42px;margin:0 16px 0 6px;transition:background .15s;display:grid}.p-app-go svg{width:20px;height:20px}@media (hover:hover){.p-app:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)rotate(-1deg)}.p-app:hover .p-app-go{background:var(--lemon)}.p-app:hover .p-app-pic svg{rotate:2deg}}@media (width<=560px){.p-app{grid-template-columns:88px minmax(0,1fr) auto}.p-app-pic svg{width:60px;height:60px}.p-app-words{padding:12px 6px 13px 14px}.p-app-head{font-size:19px}.p-app-line{font-size:14px}.p-app-go{width:38px;height:38px;margin-right:12px}}@media (prefers-reduced-motion:reduce){.p-app,.p-app-pic svg,.p-app-go{transition:none;transform:rotate(0)}.p-app:hover,.p-app:active{transform:none}.p-app:hover .p-app-pic svg{rotate:none}}