.tile{gap:var(--s-4);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-4);color:inherit;align-items:flex-start;text-decoration:none;display:flex}.tile:hover{border-color:var(--border-interactive);color:inherit}.tile__mark{border-radius:var(--r-sm);background:var(--bg-tint);border:1px solid var(--border-subtle);width:40px;height:40px;font-weight:700;font-size:var(--fs-small);color:var(--text-secondary-strong);flex:none;place-items:center;display:grid}.tile__name{font-weight:650;font-size:var(--fs-small);display:block}.tile__desc{font-size:var(--fs-label);color:var(--text-secondary);margin-top:2px;line-height:1.45;display:block}.tile__badge{font-size:var(--fs-label);color:var(--text-secondary-strong);margin-top:var(--s-2);display:inline-block}.empty{border:1px dashed var(--border-interactive);border-radius:var(--r-md);padding:var(--s-12) var(--s-6);text-align:center;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg, var(--bg-tint) 25%, var(--border-subtle) 37%, var(--bg-tint) 63%);border-radius:var(--r-sm);background-size:400% 100%;height:1em;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--bg-tint);animation:none}}