.sh-body{flex-direction:column;gap:14px;padding:2px 0 6px;display:flex}.sh-text{color:var(--color-ink);font-weight:600;font-size:var(--text-body);text-wrap:balance;margin:0;line-height:1.35}.sh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;display:grid}.sh-row{min-height:44px;color:var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 2px;display:flex}.sh-chip{background:var(--color-surface-2);border-radius:50%;place-items:center;width:48px;height:48px;font-size:17px;font-weight:800;line-height:1;transition:transform .12s ease-out,background .12s linear;display:grid;box-shadow:inset 0 0 0 .5px #ffffff24}.sh-row:active .sh-chip{transform:scale(.94)}.sh-row:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:12px}@media (hover:hover){.sh-row:hover .sh-chip{background:var(--color-surface)}}.sh-name{font-size:var(--text-label);color:var(--color-ink-2);text-align:center;line-height:1.2}.sh-hint{color:var(--color-ink-3);font-size:var(--text-label);margin:0}.sh-note{min-height:1.25em;font-size:var(--text-label);color:var(--color-ink-2);margin:0}@media (prefers-reduced-motion:reduce){.sh-chip{transition:none}}
